Vue单元测试-点击事件

最新推荐文章于 2022-11-03 22:59:15 发布

lznism666

最新推荐文章于 2022-11-03 22:59:15 发布

阅读量1k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/lznism666/article/details/108444810

版权

前端专栏收录该内容

32 篇文章 0 订阅

订阅专栏

Vue默认会批量处理data的更新，我们在书写测试用例时，触发事件之后，data可能不会立即更新，我们通常可以使用async/await来解决这个问题

import { shallowMount } from '@vue/test-utils'
import Counter from './Counter.vue'

describe('Counter', () => {
  test('updated count', async () => {
    const wrapper = shallowMount(Counter)
    await wrapper.find('button').trigger('click')
    expect(wrapper.text()).toContain(1)
    await wrapper.find('button').trigger('click')
    expect(wrapper.text()).toContain(2)
  })
})