chore: update

vuejs · Sep 18, 2024 · cf65113 · cf65113
1 parent 000c04f
commit cf65113
Showing 1 changed file with 70 additions and 71 deletions.
diff --git a/packages/vue/__tests__/e2e/Transition.spec.ts b/packages/vue/__tests__/e2e/Transition.spec.ts
@@ -2311,89 +2311,88 @@ describe('e2e: Transition', () => {
       },
       E2E_TIMEOUT,
     ),
-    test(
-      'apply transition to teleport component child',
-      async () => {
-        await page().evaluate(() => {
-          const { createApp, ref, h } = (window as any).Vue
-          createApp({
-            template: `
+      test(
+        'apply transition to teleport component child',
+        async () => {
+          await page().evaluate(() => {
+            const { createApp, ref, h } = (window as any).Vue
+            createApp({
+              template: `
             <div id="target"></div>
             <div id="container">
               <transition>
-                  <Comp v-if="toggle" >content</Comp>
+                  <Comp v-if="toggle"></Comp>
               </transition>
             </div>
             <button id="toggleBtn" @click="click">button</button>
           `,
-            components: {
-              Comp: {
-                setup() {
-                  return () => h(Teleport, { to: '#target' }, [h('div', { class: 'test' }, 'content')])
+              components: {
+                Comp: {
+                  setup() {
+                    return () =>
+                      h(
+                        Teleport,
+                        { to: '#target' },
+                        h('div', { class: 'test' }, 'content'),
+                      )
+                  },
                 },
               },
-            },
-            setup: () => {
-              const toggle = ref(false)
-              const click = () => (toggle.value = !toggle.value)
-              return { toggle, click }
-            },
-          }).mount('#app')
-        })
-
-        expect(await html('#target')).toBe('')
-        expect(await html('#container')).toBe(
-          '<!--v-if-->',
-        )
-
-        const classWhenTransitionStart = () =>
-          page().evaluate(() => {
-            ;(document.querySelector('#toggleBtn') as any)!.click()
-            return Promise.resolve().then(() => {
-              // find the class of teleported node
-              return document
-                .querySelector('#target div')!
-                .className.split(/\s+/g)
-            })
+              setup: () => {
+                const toggle = ref(false)
+                const click = () => (toggle.value = !toggle.value)
+                return { toggle, click }
+              },
+            }).mount('#app')
           })
 
-        // enter
-        expect(await classWhenTransitionStart()).toStrictEqual([
-          'test',
-          'v-enter-from',
-          'v-enter-active',
-        ])
-        await nextFrame()
-        expect(await classList('.test')).toStrictEqual([
-          'test',
-          'v-enter-active',
-          'v-enter-to',
-        ])
-        await transitionFinish()
-        expect(await html('#target')).toBe(
-          '<div class="test">content</div>',
-        )
+          expect(await html('#target')).toBe('')
+          expect(await html('#container')).toBe('<!--v-if-->')
+
+          const classWhenTransitionStart = () =>
+            page().evaluate(() => {
+              ;(document.querySelector('#toggleBtn') as any)!.click()
+              return Promise.resolve().then(() => {
+                // find the class of teleported node
+                return document
+                  .querySelector('#target div')!
+                  .className.split(/\s+/g)
+              })
+            })
 
-        // leave
-        expect(await classWhenTransitionStart()).toStrictEqual([
-          'test',
-          'v-leave-from',
-          'v-leave-active',
-        ])
-        await nextFrame()
-        expect(await classList('.test')).toStrictEqual([
-          'test',
-          'v-leave-active',
-          'v-leave-to',
-        ])
-        await transitionFinish()
-        expect(await html('#target')).toBe('')
-        expect(await html('#container')).toBe(
-          '<!--v-if-->',
-        )
-      },
-      E2E_TIMEOUT,
-    )
+          // enter
+          expect(await classWhenTransitionStart()).toStrictEqual([
+            'test',
+            'v-enter-from',
+            'v-enter-active',
+          ])
+          await nextFrame()
+          expect(await classList('.test')).toStrictEqual([
+            'test',
+            'v-enter-active',
+            'v-enter-to',
+          ])
+          await transitionFinish()
+          expect(await html('#target')).toBe('<div class="test">content</div>')
+
+          // leave
+          expect(await classWhenTransitionStart()).toStrictEqual([
+            'test',
+            'v-leave-from',
+            'v-leave-active',
+          ])
+          await nextFrame()
+          expect(await classList('.test')).toStrictEqual([
+            'test',
+            'v-leave-active',
+            'v-leave-to',
+          ])
+          await transitionFinish()
+          expect(await html('#target')).toBe('')
+          expect(await html('#container')).toBe('<!--v-if-->')
+        },
+        E2E_TIMEOUT,
+      )
   })
 
   describe('transition with v-show', () => {