wip: save

Author: edison1105

packages/runtime-vapor/__tests__/hydration.spec.ts

@@ -4439,6 +4439,7 @@ describe('Vapor Mode hydration', () => {
       expect(container.innerHTML).toBe(
         '<!--[--><!--teleport start--><div>content</div><!--teleport end--><span>tail-updated</span><!--]-->',
       )
+      expect('Invalid Teleport target').not.toHaveBeenWarned()
 
       data.value.disabled = false
       await nextTick()
@@ -7231,6 +7232,37 @@ describe('VDOM interop', () => {
     )
   })
 
+  test('hydrate createDynamicComponent to null branch should remove stale branch before trailing sibling', async () => {
+    const data = ref({
+      show: false,
+      msg: 'late',
+      tail: 'tail',
+    })
+    const { container } = await mountWithHydration(
+      '<!--[--><div>late</div><!--dynamic-component--><span>tail</span><!--]-->',
+      `<script setup>
+        const data = _data
+      </script>
+      <template>
+        <component :is="data.show ? 'div' : null">{{ data.msg }}</component>
+        <span>{{ data.tail }}</span>
+      </template>`,
+      data,
+    )
+
+    expect(`Hydration node mismatch`).not.toHaveBeenWarned()
+    expect(`Hydration children mismatch`).toHaveBeenWarned()
+    expect(container.innerHTML).toBe(
+      '<!--[--><!--dynamic-component--><span>tail</span><!--]-->',
+    )
+
+    data.value.tail = 'tail-updated'
+    await nextTick()
+    expect(container.innerHTML).toBe(
+      '<!--[--><!--dynamic-component--><span>tail-updated</span><!--]-->',
+    )
+  })
+
   test('hydrate createDynamicComponent to null branch at end of container', async () => {
     const data = ref({
       show: true,

packages/runtime-vapor/src/dom/prop.ts

@@ -346,7 +346,8 @@ export function setText(el: Text & { $txt?: string }, value: string): void {
       return
     }
 
-    if (!isMismatchAllowed(el.parentElement!, MismatchTypes.TEXT)) {
+    const parent = el.parentElement
+    if (parent && !isMismatchAllowed(parent, MismatchTypes.TEXT)) {
       ;(__DEV__ || __FEATURE_PROD_HYDRATION_MISMATCH_DETAILS__) &&
         warn(
           `Hydration text mismatch in`,