test: add test for hydrate Static vnode

vuejs · May 27, 2022 · 03289f9 · 03289f9
1 parent 8d4c569
commit 03289f9
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/packages/runtime-core/__tests__/hydration.spec.ts b/packages/runtime-core/__tests__/hydration.spec.ts
@@ -1050,4 +1050,31 @@ describe('SSR hydration', () => {
       expect(`Hydration children mismatch`).toHaveBeenWarned()
     })
   })
+
+  // #6008
+  describe('hydrate Static vnode', () => {
+    test('domType is ELEMENT should match', () => {
+      const html = ` A <wbr> <code>0</code> <wbr> B <wbr> <code>1</code> C <code>2</code> <wbr> D <wbr> <code>E</code>`
+      const { vnode, container } = mountWithHydration(html, () =>
+        createStaticVNode(
+          ` A <wbr> <code>0</code> <wbr> B <wbr> <code>1</code> C <code>2</code> <wbr> D <wbr> <code>E</code>`,
+          18
+        )
+      )
+      expect(vnode.el).toBe(container.firstChild)
+      expect(`Hydration node mismatch`).not.toHaveBeenWarned()
+    })
+
+    test('domType is TEXT should match', () => {
+      const html = `<wbr>A<wbr><code>0</code> <wbr> B <wbr> <code>1</code> C <code>2</code> <wbr> D <wbr> <code>E</code>`
+      const { vnode, container } = mountWithHydration(html, () =>
+        createStaticVNode(
+          `<wbr>A<wbr><code>0</code> <wbr> B <wbr> <code>1</code> C <code>2</code> <wbr> D <wbr> <code>E</code>`,
+          18
+        )
+      )
+      expect(vnode.el).toBe(container.firstChild)
+      expect(`Hydration node mismatch`).not.toHaveBeenWarned()
+    })
+  })
 })