fix(hydration): handle camel-case tag name when performing match assertion (#3247)

fix #3243
2021-03-26 23:59:50 +08:00
parent 420c8f4580
commit 9036f88d83
2 changed files with 11 additions and 1 deletions
--- a/packages/runtime-core/tests/hydration.spec.ts
+++ b/packages/runtime-core/tests/hydration.spec.ts
@@ -626,6 +626,15 @@ describe('SSR hydration', () => {
    expect(spy).toHaveBeenCalled()
  })

+  test('elements with camel-case in svg ', () => {
+    const { vnode, container } = mountWithHydration(
+      '<animateTransform></animateTransform>',
+      () => h('animateTransform')
+    )
+    expect(vnode.el).toBe(container.firstChild)
+    expect(`Hydration node mismatch`).not.toHaveBeenWarned()
+  })
+
  test('SVG as a mount container', () => {
    const svgContainer = document.createElement('svg')
    svgContainer.innerHTML = '<g></g>'