35 lines
1.1 KiB
JavaScript
35 lines
1.1 KiB
JavaScript
import Test from '../src/Test'
|
||
import { mount } from '@vue/test-utils'
|
||
|
||
// 模拟vue-router库，否则组件中引用vue-router的代码报错
|
||
jest.mock('vue-router', () => {
|
||
return {
|
||
useRouter: function () { return { currentRoute: '/' } }
|
||
}
|
||
})
|
||
test('点击按钮后count的值+1', async () => {
|
||
// 加载vue组件，获得实例
|
||
const wrapper = mount(Test)
|
||
|
||
// 取到文本和按钮的dom
|
||
const textNode = await wrapper.get('[data-test="count"]')
|
||
const button = await wrapper.get('[data-test="button"]')
|
||
// 断言文本dom的内容是否是'0'
|
||
expect(textNode.text()).toContain('0')
|
||
// 模拟按钮dom点击，执行click()方法
|
||
await button.trigger('click')
|
||
// 断言点击按钮后文本dom的内容是否是'1'
|
||
expect(textNode.text()).toContain('1')
|
||
// 再次点击
|
||
await button.trigger('click')
|
||
// 断言点击按钮后文本dom的内容是否是'2'
|
||
expect(textNode.text()).toContain('2')
|
||
|
||
// 通过wrapper.vm.xxx直接执行click方法、获取data的数据
|
||
expect(wrapper.vm.count).toEqual(2)
|
||
await wrapper.vm.click()
|
||
expect(wrapper.vm.count).toEqual(3)
|
||
|
||
// 更多断言类型：https://jestjs.io/zh-Hans/docs/expect
|
||
})
|