wip(vitest-migration): all tests passing

code-goblin · Jan 26, 2023 · 158db33 · 158db33
1 parent 4ee0dad
commit 158db33
Show file tree

Hide file tree

Showing 12 changed files with 94 additions and 68 deletions.
diff --git a/packages/vue/__tests__/Transition.spec.ts → ...ages/vue/__tests__/e2e/Transition.spec.ts b/packages/vue/__tests__/Transition.spec.ts → ...ages/vue/__tests__/e2e/Transition.spec.ts
@@ -21,15 +21,30 @@ describe('e2e: Transition', () => {
       })
     })
 
-  beforeEach(async () => {
-    await page().goto(baseUrl)
-    await page().waitForSelector('#app')
-  })
+  // beforeEach(async () => {
+  // await page().goto(baseUrl)
+  // await page().waitForSelector('#app')
+  // })
 
-  describe('transition with v-if', () => {
+  // workaround for https://github.com/vitest-dev/vitest/issues/2756
+  function runTest(desc: string, runner: any, timeout?: number) {
     test(
+      desc,
+      async () => {
+        await page().goto(baseUrl)
+        await page().waitForSelector('#app')
+        await runner()
+      },
+      timeout
+    )
+  }
+
+  describe('transition with v-if', () => {
+    runTest(
       'basic transition',
       async () => {
+        await page().goto(baseUrl)
+        await page().waitForSelector('#app')
         await page().evaluate(() => {
           const { createApp, ref } = (window as any).Vue
           createApp({
@@ -83,7 +98,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'named transition',
       async () => {
         await page().evaluate(() => {
@@ -139,7 +154,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'custom transition classes',
       async () => {
         await page().evaluate(() => {
@@ -200,7 +215,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'transition with dynamic name',
       async () => {
         await page().evaluate(() => {
@@ -262,7 +277,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'transition events without appear',
       async () => {
         const beforeLeaveSpy = vi.fn()
@@ -366,7 +381,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'events with arguments',
       async () => {
         const beforeLeaveSpy = vi.fn()
@@ -482,7 +497,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test('onEnterCancelled', async () => {
+    runTest('onEnterCancelled', async () => {
       const enterCancelledSpy = vi.fn()
 
       await page().exposeFunction('enterCancelledSpy', enterCancelledSpy)
@@ -544,7 +559,7 @@ describe('e2e: Transition', () => {
       expect(await html('#container')).toBe('<!--v-if-->')
     })
 
-    test(
+    runTest(
       'transition on appear',
       async () => {
         const appearClass = await page().evaluate(async () => {
@@ -620,7 +635,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'transition events with appear',
       async () => {
         const onLeaveSpy = vi.fn()
@@ -768,7 +783,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'css: false',
       async () => {
         const onBeforeEnterSpy = vi.fn()
@@ -846,7 +861,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'no transition detected',
       async () => {
         await page().evaluate(() => {
@@ -888,7 +903,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'animations',
       async () => {
         await page().evaluate(() => {
@@ -940,7 +955,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'explicit transition type',
       async () => {
         await page().evaluate(() => {
@@ -1010,7 +1025,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'transition on SVG elements',
       async () => {
         await page().evaluate(() => {
@@ -1081,7 +1096,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'custom transition higher-order component',
       async () => {
         await page().evaluate(() => {
@@ -1138,7 +1153,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'transition on child components with empty root node',
       async () => {
         await page().evaluate(() => {
@@ -1217,7 +1232,7 @@ describe('e2e: Transition', () => {
 
   describe('transition with Suspense', () => {
     // #1583
-    test(
+    runTest(
       'async component transition inside Suspense',
       async () => {
         const onLeaveSpy = vi.fn()
@@ -1311,7 +1326,7 @@ describe('e2e: Transition', () => {
     )
 
     // #1689
-    test(
+    runTest(
       'static node transition inside Suspense',
       async () => {
         await page().evaluate(() => {
@@ -1369,7 +1384,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'out-in mode with Suspense',
       async () => {
         const onLeaveSpy = vi.fn()
@@ -1436,7 +1451,7 @@ describe('e2e: Transition', () => {
     )
 
     // #3963
-    test(
+    runTest(
       'Suspense fallback should work with transition',
       async () => {
         await page().evaluate(() => {
@@ -1500,7 +1515,7 @@ describe('e2e: Transition', () => {
   })
 
   describe('transition with v-show', () => {
-    test(
+    runTest(
       'named transition with v-show',
       async () => {
         await page().evaluate(() => {
@@ -1559,7 +1574,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'transition events with v-show',
       async () => {
         const beforeLeaveSpy = vi.fn()
@@ -1665,7 +1680,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'onLeaveCancelled (v-show only)',
       async () => {
         const onLeaveCancelledSpy = vi.fn()
@@ -1727,7 +1742,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'transition on appear with v-show',
       async () => {
         const beforeEnterSpy = vi.fn()
@@ -1833,7 +1848,7 @@ describe('e2e: Transition', () => {
     )
 
     // #4845
-    test(
+    runTest(
       'transition events should not call onEnter with v-show false',
       async () => {
         const beforeEnterSpy = vi.fn()
@@ -1907,7 +1922,7 @@ describe('e2e: Transition', () => {
   })
 
   describe('explicit durations', () => {
-    test(
+    runTest(
       'single value',
       async () => {
         await page().evaluate(duration => {
@@ -1963,7 +1978,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'enter with explicit durations',
       async () => {
         await page().evaluate(duration => {
@@ -2019,7 +2034,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'leave with explicit durations',
       async () => {
         await page().evaluate(duration => {
@@ -2075,7 +2090,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'separate enter and leave',
       async () => {
         await page().evaluate(duration => {
@@ -2134,7 +2149,7 @@ describe('e2e: Transition', () => {
       E2E_TIMEOUT
     )
 
-    test(
+    runTest(
       'warn invalid durations',
       async () => {
         createApp({
@@ -2172,7 +2187,7 @@ describe('e2e: Transition', () => {
     )
   })
 
-  test('warn when used on multiple elements', async () => {
+  runTest('warn when used on multiple elements', async () => {
     createApp({
       render() {
         return h(Transition, null, {
@@ -2185,7 +2200,7 @@ describe('e2e: Transition', () => {
     ).toHaveBeenWarned()
   })
 
-  test('warn when invalid transition mode', () => {
+  runTest('warn when invalid transition mode', () => {
     createApp({
       template: `
         <div id="container">
@@ -2199,7 +2214,7 @@ describe('e2e: Transition', () => {
   })
 
   // #3227
-  test(`HOC w/ merged hooks`, async () => {
+  runTest(`HOC w/ merged hooks`, async () => {
     const innerSpy = vi.fn()
     const outerSpy = vi.fn()
 
@@ -2238,7 +2253,7 @@ describe('e2e: Transition', () => {
     expect(root.innerHTML).toBe(`<!---->`)
   })
 
-  test(
+  runTest(
     'should work with dev root fragment',
     async () => {
       await page().evaluate(() => {