test: fix some tests

This commit is contained in:
Evan You
2018-11-08 12:54:11 -05:00
parent 157971b3cb
commit bd1b06f1cc
5 changed files with 25 additions and 43 deletions

View File

@@ -12,7 +12,8 @@ import {
nextTick,
resetOps,
dumpOps,
NodeOpTypes
NodeOpTypes,
renderInstance
} from '@vue/runtime-test'
describe('Fragments', () => {
@@ -23,7 +24,7 @@ describe('Fragments', () => {
}
}
const root = nodeOps.createElement('div')
await render(h(App), root)
await renderInstance(App)
expect(serialize(root)).toBe(`<div><div>one</div>two</div>`)
expect(root.children.length).toBe(2)
expect(root.children[0]).toMatchObject({

View File

@@ -1,30 +1,8 @@
import { withHooks, useState, h, nextTick, useEffect, Component } from '../src'
import { useState, h, nextTick, useEffect, Component } from '../src'
import { renderInstance, serialize, triggerEvent } from '@vue/runtime-test'
describe('hooks', () => {
it('useState', async () => {
const Counter = withHooks(() => {
const [count, setCount] = useState(0)
return h(
'div',
{
onClick: () => {
setCount(count + 1)
}
},
count
)
})
const counter = await renderInstance(Counter)
expect(serialize(counter.$el)).toBe(`<div>0</div>`)
triggerEvent(counter.$el, 'click')
await nextTick()
expect(serialize(counter.$el)).toBe(`<div>1</div>`)
})
it('should be usable inside class', async () => {
class Counter extends Component {
render() {
const [count, setCount] = useState(0)
@@ -82,21 +60,23 @@ describe('hooks', () => {
it('useEffect', async () => {
let effect = -1
const Counter = withHooks(() => {
const [count, setCount] = useState(0)
useEffect(() => {
effect = count
})
return h(
'div',
{
onClick: () => {
setCount(count + 1)
}
},
count
)
})
class Counter extends Component {
render() {
const [count, setCount] = useState(0)
useEffect(() => {
effect = count
})
return h(
'div',
{
onClick: () => {
setCount(count + 1)
}
},
count
)
}
}
const counter = await renderInstance(Counter)
expect(effect).toBe(0)