50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
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('renderer: h', () => {
|
|
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
|
|
})
|
|
)
|
|
})
|
|
})
|