vue3 jest 测试用例

1. data数据渲染

wrapper.text().toMatch()

2. 组件渲染

wrapper.html()

3. html元素

const domWrapper = wrapper.get('元素的id')
expect(domWrapper.text()).toBe('xxx')

4. 元素是否存在 v-if

const domWrapper = wrapper.find('元素的id')
expect(domWrapper.exists()).toBe(布尔值)

// 测试元素存在
const wrapper = mount(组件，{
      data () {
           return {
                 boo: true
            }
       }
})
const domWrapper = wrapper.find('元素的id')
expect(domWrapper.exists()).toBe(true)

5. 元素是否显示 v-show

const domWrapper = wrapper.find('元素的id')
expect(domWrapper.isVisible()).toBe(布尔值)

6. props