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>')
  })
})