Skip to content

Commit 2dd927e

Browse files
[autofix.ci] apply automated fixes
1 parent 000c04f commit 2dd927e

File tree

1 file changed

+67
-70
lines changed

1 file changed

+67
-70
lines changed

packages/vue/__tests__/e2e/Transition.spec.ts

Lines changed: 67 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -2311,13 +2311,13 @@ describe('e2e: Transition', () => {
23112311
},
23122312
E2E_TIMEOUT,
23132313
),
2314-
test(
2315-
'apply transition to teleport component child',
2316-
async () => {
2317-
await page().evaluate(() => {
2318-
const { createApp, ref, h } = (window as any).Vue
2319-
createApp({
2320-
template: `
2314+
test(
2315+
'apply transition to teleport component child',
2316+
async () => {
2317+
await page().evaluate(() => {
2318+
const { createApp, ref, h } = (window as any).Vue
2319+
createApp({
2320+
template: `
23212321
<div id="target"></div>
23222322
<div id="container">
23232323
<transition>
@@ -2326,74 +2326,71 @@ describe('e2e: Transition', () => {
23262326
</div>
23272327
<button id="toggleBtn" @click="click">button</button>
23282328
`,
2329-
components: {
2330-
Comp: {
2331-
setup() {
2332-
return () => h(Teleport, { to: '#target' }, [h('div', { class: 'test' }, 'content')])
2329+
components: {
2330+
Comp: {
2331+
setup() {
2332+
return () =>
2333+
h(Teleport, { to: '#target' }, [
2334+
h('div', { class: 'test' }, 'content'),
2335+
])
2336+
},
23332337
},
23342338
},
2335-
},
2336-
setup: () => {
2337-
const toggle = ref(false)
2338-
const click = () => (toggle.value = !toggle.value)
2339-
return { toggle, click }
2340-
},
2341-
}).mount('#app')
2342-
})
2343-
2344-
expect(await html('#target')).toBe('')
2345-
expect(await html('#container')).toBe(
2346-
'<!--v-if-->',
2347-
)
2348-
2349-
const classWhenTransitionStart = () =>
2350-
page().evaluate(() => {
2351-
;(document.querySelector('#toggleBtn') as any)!.click()
2352-
return Promise.resolve().then(() => {
2353-
// find the class of teleported node
2354-
return document
2355-
.querySelector('#target div')!
2356-
.className.split(/\s+/g)
2357-
})
2339+
setup: () => {
2340+
const toggle = ref(false)
2341+
const click = () => (toggle.value = !toggle.value)
2342+
return { toggle, click }
2343+
},
2344+
}).mount('#app')
23582345
})
23592346

2360-
// enter
2361-
expect(await classWhenTransitionStart()).toStrictEqual([
2362-
'test',
2363-
'v-enter-from',
2364-
'v-enter-active',
2365-
])
2366-
await nextFrame()
2367-
expect(await classList('.test')).toStrictEqual([
2368-
'test',
2369-
'v-enter-active',
2370-
'v-enter-to',
2371-
])
2372-
await transitionFinish()
2373-
expect(await html('#target')).toBe(
2374-
'<div class="test">content</div>',
2375-
)
2347+
expect(await html('#target')).toBe('')
2348+
expect(await html('#container')).toBe('<!--v-if-->')
2349+
2350+
const classWhenTransitionStart = () =>
2351+
page().evaluate(() => {
2352+
;(document.querySelector('#toggleBtn') as any)!.click()
2353+
return Promise.resolve().then(() => {
2354+
// find the class of teleported node
2355+
return document
2356+
.querySelector('#target div')!
2357+
.className.split(/\s+/g)
2358+
})
2359+
})
23762360

2377-
// leave
2378-
expect(await classWhenTransitionStart()).toStrictEqual([
2379-
'test',
2380-
'v-leave-from',
2381-
'v-leave-active',
2382-
])
2383-
await nextFrame()
2384-
expect(await classList('.test')).toStrictEqual([
2385-
'test',
2386-
'v-leave-active',
2387-
'v-leave-to',
2388-
])
2389-
await transitionFinish()
2390-
expect(await html('#target')).toBe('')
2391-
expect(await html('#container')).toBe(
2392-
'<!--v-if-->',
2393-
)
2394-
},
2395-
E2E_TIMEOUT,
2396-
)
2361+
// enter
2362+
expect(await classWhenTransitionStart()).toStrictEqual([
2363+
'test',
2364+
'v-enter-from',
2365+
'v-enter-active',
2366+
])
2367+
await nextFrame()
2368+
expect(await classList('.test')).toStrictEqual([
2369+
'test',
2370+
'v-enter-active',
2371+
'v-enter-to',
2372+
])
2373+
await transitionFinish()
2374+
expect(await html('#target')).toBe('<div class="test">content</div>')
2375+
2376+
// leave
2377+
expect(await classWhenTransitionStart()).toStrictEqual([
2378+
'test',
2379+
'v-leave-from',
2380+
'v-leave-active',
2381+
])
2382+
await nextFrame()
2383+
expect(await classList('.test')).toStrictEqual([
2384+
'test',
2385+
'v-leave-active',
2386+
'v-leave-to',
2387+
])
2388+
await transitionFinish()
2389+
expect(await html('#target')).toBe('')
2390+
expect(await html('#container')).toBe('<!--v-if-->')
2391+
},
2392+
E2E_TIMEOUT,
2393+
)
23972394
})
23982395

23992396
describe('transition with v-show', () => {

0 commit comments

Comments
 (0)