From 10bbf52c0909ae7eb39dbd32e81aaa6135305941 Mon Sep 17 00:00:00 2001 From: Evan You Date: Thu, 29 Aug 2019 16:47:00 -0400 Subject: [PATCH] test: test for h --- packages/runtime-core/__tests__/h.spec.ts | 48 ++++++++++++++++++++++- 1 file changed, 47 insertions(+), 1 deletion(-) 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 + }) + ) + }) })