From 1af4c304a97c252ff3665e78872fa29da61080dc Mon Sep 17 00:00:00 2001
From: daiwei <daiwei521@126.com>
Date: Wed, 13 Aug 2025 15:53:02 +0800
Subject: [PATCH] test: add tests for dynamic component in ssr vnode-based slot

---
 .../runtime-vapor/__tests__/hydration.spec.ts | 37 ++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/packages/runtime-vapor/__tests__/hydration.spec.ts b/packages/runtime-vapor/__tests__/hydration.spec.ts
index 2173894b2..b501f1a58 100644
--- a/packages/runtime-vapor/__tests__/hydration.spec.ts
+++ b/packages/runtime-vapor/__tests__/hydration.spec.ts
@@ -1263,7 +1263,42 @@ describe('Vapor Mode hydration', () => {
       )
     })
 
-    test.todo('with ssr slot vnode fallback', () => {})
+    test('in ssr slot vnode fallback', async () => {
+      const { container, data } = await testHydration(
+        `<template>
+            <components.Child>
+              <span>{{ data }}</span>
+            </components.Child>
+          </template>`,
+        {
+          Child: `
+          <template>
+            <component :is="'div'">
+              <slot />
+            </component>
+          </template>`,
+        },
+        ref('foo'),
+      )
+
+      expect(formatHtml(container.innerHTML)).toMatchInlineSnapshot(
+        `
+        "<div>
+        <!--[--><span>foo</span><!--]-->
+        <!--slot--></div><!--dynamic-component-->"
+      `,
+      )
+
+      data.value = 'bar'
+      await nextTick()
+      expect(formatHtml(container.innerHTML)).toMatchInlineSnapshot(
+        `
+        "<div>
+        <!--[--><span>bar</span><!--]-->
+        <!--slot--></div><!--dynamic-component-->"
+      `,
+      )
+    })
   })
 
   describe('if', () => {