126 lines
3.2 KiB
TypeScript
126 lines
3.2 KiB
TypeScript
import { createApp, h, Suspense } from 'vue'
|
|
import { renderToString } from '../src/renderToString'
|
|
import { mockWarn } from '@vue/shared'
|
|
|
|
describe('SSR Suspense', () => {
|
|
mockWarn()
|
|
|
|
const ResolvingAsync = {
|
|
async setup() {
|
|
return () => h('div', 'async')
|
|
}
|
|
}
|
|
|
|
const RejectingAsync = {
|
|
setup() {
|
|
return new Promise((_, reject) => reject('foo'))
|
|
}
|
|
}
|
|
|
|
test('content', async () => {
|
|
const Comp = {
|
|
render() {
|
|
return h(Suspense, null, {
|
|
default: h(ResolvingAsync),
|
|
fallback: h('div', 'fallback')
|
|
})
|
|
}
|
|
}
|
|
|
|
expect(await renderToString(createApp(Comp))).toBe(`<div>async</div>`)
|
|
})
|
|
|
|
test('reject', async () => {
|
|
const Comp = {
|
|
render() {
|
|
return h(Suspense, null, {
|
|
default: h(RejectingAsync),
|
|
fallback: h('div', 'fallback')
|
|
})
|
|
}
|
|
}
|
|
|
|
expect(await renderToString(createApp(Comp))).toBe(`<!---->`)
|
|
expect('Uncaught error in async setup').toHaveBeenWarned()
|
|
expect('missing template').toHaveBeenWarned()
|
|
})
|
|
|
|
test('2 components', async () => {
|
|
const Comp = {
|
|
render() {
|
|
return h(Suspense, null, {
|
|
default: h('div', [h(ResolvingAsync), h(ResolvingAsync)]),
|
|
fallback: h('div', 'fallback')
|
|
})
|
|
}
|
|
}
|
|
|
|
expect(await renderToString(createApp(Comp))).toBe(
|
|
`<div><div>async</div><div>async</div></div>`
|
|
)
|
|
})
|
|
|
|
test('resolving component + rejecting component', async () => {
|
|
const Comp = {
|
|
render() {
|
|
return h(Suspense, null, {
|
|
default: h('div', [h(ResolvingAsync), h(RejectingAsync)]),
|
|
fallback: h('div', 'fallback')
|
|
})
|
|
}
|
|
}
|
|
|
|
expect(await renderToString(createApp(Comp))).toBe(
|
|
`<div><div>async</div><!----></div>`
|
|
)
|
|
expect('Uncaught error in async setup').toHaveBeenWarned()
|
|
expect('missing template or render function').toHaveBeenWarned()
|
|
})
|
|
|
|
test('failing suspense in passing suspense', async () => {
|
|
const Comp = {
|
|
render() {
|
|
return h(Suspense, null, {
|
|
default: h('div', [
|
|
h(ResolvingAsync),
|
|
h(Suspense, null, {
|
|
default: h('div', [h(RejectingAsync)]),
|
|
fallback: h('div', 'fallback 2')
|
|
})
|
|
]),
|
|
fallback: h('div', 'fallback 1')
|
|
})
|
|
}
|
|
}
|
|
|
|
expect(await renderToString(createApp(Comp))).toBe(
|
|
`<div><div>async</div><div><!----></div></div>`
|
|
)
|
|
expect('Uncaught error in async setup').toHaveBeenWarned()
|
|
expect('missing template').toHaveBeenWarned()
|
|
})
|
|
|
|
test('passing suspense in failing suspense', async () => {
|
|
const Comp = {
|
|
render() {
|
|
return h(Suspense, null, {
|
|
default: h('div', [
|
|
h(RejectingAsync),
|
|
h(Suspense, null, {
|
|
default: h('div', [h(ResolvingAsync)]),
|
|
fallback: h('div', 'fallback 2')
|
|
})
|
|
]),
|
|
fallback: h('div', 'fallback 1')
|
|
})
|
|
}
|
|
}
|
|
|
|
expect(await renderToString(createApp(Comp))).toBe(
|
|
`<div><!----><div><div>async</div></div></div>`
|
|
)
|
|
expect('Uncaught error in async setup').toHaveBeenWarned()
|
|
expect('missing template').toHaveBeenWarned()
|
|
})
|
|
})
|