From 379a8af288e38cfe87c3750fdd8e6f8ab2c9dfc7 Mon Sep 17 00:00:00 2001
From: =?utf8?q?=E6=98=A5=E5=8E=BB=E6=98=A5=E5=8F=88=E6=9D=A5?=
 <cui_xiaorui@126.com>
Date: Wed, 15 Jul 2020 21:34:23 +0800
Subject: [PATCH] test(runtime-core): add test for rendererComponent (#1393)

---
 .../__tests__/rendererComponent.spec.ts       | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/packages/runtime-core/__tests__/rendererComponent.spec.ts b/packages/runtime-core/__tests__/rendererComponent.spec.ts
index e5d2dd2e63..101605be8e 100644
--- a/packages/runtime-core/__tests__/rendererComponent.spec.ts
+++ b/packages/runtime-core/__tests__/rendererComponent.spec.ts
@@ -40,4 +40,45 @@ describe('renderer: component', () => {
     expect(serializeInner(root)).toBe(`<span></span>`)
     expect(parentVnode!.el).toBe(childVnode2!.el)
   })
+
+  it('should create an Component with props', () => {
+    const Comp = {
+      render: () => {
+        return h('div')
+      }
+    }
+    const root = nodeOps.createElement('div')
+    render(h(Comp, { id: 'foo', class: 'bar' }), root)
+    expect(serializeInner(root)).toBe(`<div id="foo" class="bar"></div>`)
+  })
+
+  it('should create an Component with direct text children', () => {
+    const Comp = {
+      render: () => {
+        return h('div', 'test')
+      }
+    }
+    const root = nodeOps.createElement('div')
+    render(h(Comp, { id: 'foo', class: 'bar' }), root)
+    expect(serializeInner(root)).toBe(`<div id="foo" class="bar">test</div>`)
+  })
+
+  it('should update an Component tag which is already mounted', () => {
+    const Comp1 = {
+      render: () => {
+        return h('div', 'foo')
+      }
+    }
+    const root = nodeOps.createElement('div')
+    render(h(Comp1), root)
+    expect(serializeInner(root)).toBe('<div>foo</div>')
+
+    const Comp2 = {
+      render: () => {
+        return h('span', 'foo')
+      }
+    }
+    render(h(Comp2), root)
+    expect(serializeInner(root)).toBe('<span>foo</span>')
+  })
 })
-- 
2.47.2