test: test for h

diff --git a/packages/runtime-core/__tests__/h.spec.ts b/packages/runtime-core/__tests__/h.spec.ts
index 401de464d4a7afc5364b837f7ffc08fd90954210..617f707becd7eeef60d1ff8ba03756954fec85d5 100644 (file)
--- a/packages/runtime-core/__tests__/h.spec.ts
+++ b/packages/runtime-core/__tests__/h.spec.ts
@@ -1,3 +1,49 @@
+import { h } from '../src/h'
+import { createVNode } from '../src/vnode'
+
+// Since h is a thin layer on top of createVNode, we are only testing its
+// own logic here. Details of vnode creation is tested in vnode.spec.ts.
 describe('vdom: h', () => {
-  test.todo('should work')
+  test('type only', () => {
+    expect(h('div')).toMatchObject(createVNode('div'))
+  })
+
+  test('type + props', () => {
+    expect(h('div', { id: 'foo' })).toMatchObject(
+      createVNode('div', { id: 'foo' })
+    )
+  })
+
+  test('type + omit props', () => {
+    // array
+    expect(h('div', ['foo'])).toMatchObject(createVNode('div', null, ['foo']))
+    // default slot
+    const slot = () => {}
+    expect(h('div', slot)).toMatchObject(createVNode('div', null, slot))
+    // text
+    expect(h('div', 'foo')).toMatchObject(createVNode('div', null, 'foo'))
+  })
+
+  test('type + props + children', () => {
+    // array
+    expect(h('div', {}, ['foo'])).toMatchObject(createVNode('div', {}, ['foo']))
+    // default slot
+    const slot = () => {}
+    expect(h('div', {}, slot)).toMatchObject(createVNode('div', {}, slot))
+    // text
+    expect(h('div', {}, 'foo')).toMatchObject(createVNode('div', {}, 'foo'))
+  })
+
+  test('named slots with null props', () => {
+    const slot = () => {}
+    expect(
+      h('div', null, {
+        foo: slot
+      })
+    ).toMatchObject(
+      createVNode('div', null, {
+        foo: slot
+      })
+    )
+  })
 })