fix(ssr): render teleport inside async component (#5187)

2022-05-13 09:57:10 +02:00
parent 31c0bb355a
commit 4d7803ed28
2 changed files with 20 additions and 1 deletions
--- a/packages/server-renderer/tests/ssrTeleport.spec.ts
+++ b/packages/server-renderer/tests/ssrTeleport.spec.ts
@@ -117,4 +117,21 @@ describe('ssrRenderTeleport', () => {
      '<span>hello</span><!---->world<!---->'
    )
  })
+
+  test('teleport inside async component', async () => {
+    const ctx: SSRContext = {}
+    const asyncComponent = {
+      template: '<teleport to="#target"><div>content</div></teleport>',
+      async setup() {}
+    }
+    const html = await renderToString(
+      h({
+        template: '<async-component />',
+        components: { asyncComponent }
+      }),
+      ctx
+    )
+    expect(html).toBe('<!--teleport start--><!--teleport end-->')
+    expect(ctx.teleports!['#target']).toBe(`<div>content</div><!---->`)
+  })
 })