diff --git a/packages/runtime-core/__tests__/h.spec.ts b/packages/runtime-core/__tests__/h.spec.ts index 401de464..617f707b 100644 --- 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 + }) + ) + }) })