Test - Fix subsequent triggerAppEvent

Author: smastrom

.github/workflows/tests.yml

@@ -27,11 +27,11 @@ jobs:
            run: npx cypress install
          - name: Install dependecies
            run: pnpm install
-         - name: Build Package
+         - name: Build package
            run: pnpm build
-         - name: Install Package
+         - name: Install package
            run: pnpm install
-         - name: Test with Cypress
+         - name: Run tests
            uses: cypress-io/github-action@v5
            timeout-minutes: 5
            with:

tests/specs/callbacks.cy.tsx

@@ -34,10 +34,13 @@ describe('Callbacks', () => {
    it('onDestroyed callback is called', () => {
       cy.mountApp(App)
 
-         .get('body')
-         .triggerAppEvent('display-loader')
-         .triggerAppEvent('destroy-loader')
+      cy.triggerAppEvent('display-loader')
 
-      cy.get('[data-cy-callback]').should('contain.text', destroyedText)
+      cy.getRoot()
+         .should('exist')
+         .then(() => {
+            cy.triggerAppEvent('destroy-loader')
+            cy.get('[data-cy-callback]').should('contain.text', destroyedText)
+         })
    })
 })

tests/specs/scoped-options.cy.tsx

@@ -39,25 +39,27 @@ describe('Scoped Options', () => {
    it('Scoped options are applied to a specific loader and restored on destroy', () => {
       cy.mountApp(App)
 
-         .get('body')
-         .triggerAppEvent('display-loader')
+      cy.triggerAppEvent('display-loader')
 
       cy.getRoot()
          .checkCssVars(customConf)
          .checkComputedStyles(customConf)
-
-         .get('[aria-live]')
-         .should('contain.text', customConf.screenReaderMessage)
+         .within(() => {
+            cy.get('[aria-live]').should('contain.text', customConf.screenReaderMessage)
+         })
 
       cy.triggerAppEvent('destroy-loader')
 
-      cy.triggerAppEvent('display-new-loader')
-
-      cy.getRoot()
-         .checkCssVars(DEF)
-         .checkComputedStyles(DEF)
-
-         .get('[aria-live]')
-         .should('contain.text', DEF.screenReaderMessage)
+      cy.get('[data-cy-loader]')
+         .should('not.exist')
+         .then(() => {
+            cy.triggerAppEvent('display-new-loader')
+            cy.get('[data-cy-loader]')
+               .checkCssVars(DEF)
+               .checkComputedStyles(DEF)
+               .within(() => {
+                  cy.get('[aria-live]').should('contain.text', DEF.screenReaderMessage)
+               })
+         })
    })
 })