45 lines
1.0 KiB
TypeScript
45 lines
1.0 KiB
TypeScript
import { createApp, h, Portal } from 'vue'
|
|
import { renderToString, SSRContext } from '../src/renderToString'
|
|
import { ssrRenderPortal } from '../src/helpers/ssrRenderPortal'
|
|
|
|
describe('ssrRenderPortal', () => {
|
|
test('portal rendering (compiled)', async () => {
|
|
const ctx = {
|
|
portals: {}
|
|
} as SSRContext
|
|
await renderToString(
|
|
createApp({
|
|
data() {
|
|
return { msg: 'hello' }
|
|
},
|
|
ssrRender(_ctx, _push, _parent) {
|
|
ssrRenderPortal(
|
|
_push => {
|
|
_push(`<div>content</div>`)
|
|
},
|
|
'#target',
|
|
_parent
|
|
)
|
|
}
|
|
}),
|
|
ctx
|
|
)
|
|
expect(ctx.portals!['#target']).toBe(`<div>content</div>`)
|
|
})
|
|
|
|
test('portal rendering (vnode)', async () => {
|
|
const ctx: SSRContext = {}
|
|
await renderToString(
|
|
h(
|
|
Portal,
|
|
{
|
|
target: `#target`
|
|
},
|
|
h('span', 'hello')
|
|
),
|
|
ctx
|
|
)
|
|
expect(ctx.portals!['#target']).toBe('<span>hello</span>')
|
|
})
|
|
})
|