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
|
|||
|
|
})
|