fix(runtime-core): fix parent el update on nested HOC self-update (#1360)

fix #1357

packages/runtime-core/__tests__/rendererComponent.spec.ts

@@ -0,0 +1,44 @@
+import {
+  ref,
+  h,
+  render,
+  nodeOps,
+  serializeInner,
+  nextTick,
+  VNode
+} from '@vue/runtime-test'
+
+describe('renderer: component', () => {
+  test('should update parent(hoc) component host el when child component self update', async () => {
+    const value = ref(true)
+    let parentVnode: VNode
+    let childVnode1: VNode
+    let childVnode2: VNode
+
+    const Parent = {
+      render: () => {
+        // let Parent first rerender
+        console.log(value.value)
+        return (parentVnode = h(Child))
+      }
+    }
+
+    const Child = {
+      render: () => {
+        return value.value
+          ? (childVnode1 = h('div'))
+          : (childVnode2 = h('span'))
+      }
+    }
+
+    const root = nodeOps.createElement('div')
+    render(h(Parent), root)
+    expect(serializeInner(root)).toBe(`<div></div>`)
+    expect(parentVnode!.el).toBe(childVnode1!.el)
+
+    value.value = false
+    await nextTick()
+    expect(serializeInner(root)).toBe(`<span></span>`)
+    expect(parentVnode!.el).toBe(childVnode2!.el)
+  })
+})