Fix e2e tests

Author: ktquez

cypress.json

@@ -5,6 +5,5 @@
 	"integrationFolder": "tests/e2e/integration",
 	"fileServerFolder": "demo",
 	"pluginsFile": false,
-	"supportFile": false,
-	"videoRecording": false
+	"supportFile": false
 }

example/src/pages/About.vue

@@ -4,12 +4,15 @@
     <!-- data-va is used for internal testing, it is not required -->
     <button
       type="button"
-      data-va="toasted"
+      data-va="handler-error-button"
       @click="notify"
     >
       show error
     </button>
-    <div class="msg-error">
+    <div
+      class="msg-error"
+      data-va="msg-error"
+    >
       {{ errorMessage }}
     </div>
   </div>

tests/e2e/integration/vue-announcer.test.js

@@ -1,5 +1,5 @@
 describe('Announcer test', () => {
-  beforeEach(() => {
+  before(() => {
     cy.visit('/')
   })
 
@@ -25,18 +25,15 @@ describe('Announcer test', () => {
     cy.get('[data-va="announcer"]').should('contain', 'has loaded')
   })
 
-  it('Should be equal toasted message with the announced', () => {
+  it('Should be equal error message with the announced', () => {
     cy.get('a[href="/about"]').click()
-    cy.get('[data-va="toasted"]').click()
+    cy.get('[data-va="handler-error-button"]').click()
+    cy.get('[data-va="msg-error"]').should('not.be.empty')
 
-    cy.get('.toasted-container')
-      .find('.toasted')
-      .invoke('text')
-      .then(text1 => {
-        cy.get('[data-va="announcer"]').invoke('text').should(text2 => {
-          console.log(text1, text2)
-          expect(text1).to.eq(text2)
-        })
+    cy.get('[data-va="msg-error"]')
+      .then(el => {
+        cy.get('[data-va="announcer"]').should('contain', el.text().trim())
+        cy.get('[data-va="announcer"]').should('have.attr', 'aria-live', 'assertive')
       })
   })
 })