refactor: tests

packages/vue-final-modal/cypress/components/useZIndex.spec.ts

@@ -27,43 +27,43 @@ describe('Test useZIndex()', () => {
         plugins: [vfm],
         stubs: { transition: false },
       },
+    }).as('app')
+    cy.get('@app').then(() => {
+      firstModal.open()
     })
-      .then(() => {
-        firstModal.open()
-        cy.get('.first-modal').should(($el) => {
-          expect($el).to.have.css('zIndex', '1000')
-        })
-      })
-      .then(() => {
-        secondModal.open()
-        cy.get('.second-modal').should(($el) => {
-          expect($el).to.have.css('zIndex', '1002')
-        })
-      })
-      .then(() => {
-        thirdModal.open()
-        cy.get('.third-modal').should(($el) => {
-          expect($el).to.have.css('zIndex', '1004')
-        })
-      })
-      .then(() => {
-        thirdModal.patchOptions({
-          attrs: {
-            zIndexFn: ({ index }) => 1234 + 2 * index,
-          },
-        })
-        cy.get('.third-modal').should(($el) => {
-          expect($el).to.have.css('zIndex', '1238')
-        })
-      })
-      .then(() => {
-        firstModal.close()
-        cy.get('.second-modal').should(($el) => {
-          expect($el).to.have.css('zIndex', '1000')
-        })
-        cy.get('.third-modal').should(($el) => {
-          expect($el).to.have.css('zIndex', '1236')
-        })
+    cy.get('.first-modal').should(($el) => {
+      expect($el).to.have.css('zIndex', '1000')
+    })
+    cy.get('@app').then(() => {
+      secondModal.open()
+    })
+    cy.get('.second-modal').should(($el) => {
+      expect($el).to.have.css('zIndex', '1002')
+    })
+    cy.get('@app').then(() => {
+      thirdModal.open()
+    })
+    cy.get('.third-modal').should(($el) => {
+      expect($el).to.have.css('zIndex', '1004')
+    })
+    cy.get('@app').then(() => {
+      thirdModal.patchOptions({
+        attrs: {
+          zIndexFn: ({ index }) => 1234 + 2 * index,
+        },
       })
+    })
+    cy.get('.third-modal').should(($el) => {
+      expect($el).to.have.css('zIndex', '1238')
+    })
+    cy.get('@app').then(() => {
+      firstModal.close()
+    })
+    cy.get('.second-modal').should(($el) => {
+      expect($el).to.have.css('zIndex', '1000')
+    })
+    cy.get('.third-modal').should(($el) => {
+      expect($el).to.have.css('zIndex', '1236')
+    })
   })
 })