test: Update failing tests (#15)

- Fix `skip-to-list` demo label text
- Use tab to select skip-links
- Add test for main link label

Author: shwilliam

demo/skip-to-list.html

@@ -20,7 +20,7 @@
   <div id="app">
     <!-- data-vst used for internal testing, it is NOT required -->
     <vue-skip-to
-      title-list="Skip to"
+      title-list="Skip links"
       :to="[
         { anchor: '#main', label: 'Main content' },
         { anchor: '#footer', label: 'Footer' },

tests/e2e/integration/skip-to-list.js

@@ -10,6 +10,9 @@ describe('Skip link list', () => {
   })
 
   it('Should traverse links on tab', () => {
+    cy.get('body').tab()
+    cy.focused().should('contain', 'Main')
+
     cy.get('body').tab().tab()
     cy.focused().should('contain', 'Footer')
   })

tests/e2e/integration/skip-to.js

@@ -13,7 +13,7 @@ describe('Skip to main content', () => {
   })
 
   it('Checks if destination is receiving focus', () => {
-    cy.get('[data-vst="skip-to"]').focus().click()
+    cy.get('body').tab().click()
     cy.focused().should('have.id', 'main')
   })
 })
@@ -33,7 +33,7 @@ describe('Skip to search', () => {
   })
 
   it('The input search must receive the focus', () => {
-    cy.get('[data-vst="skip-to"]').focus().click()
+    cy.get('body').tab().click()
     cy.focused().should('have.id', 'search')
   })
 })