vuejs2 - 我可以使用vue test utils通过引用选择元素吗

Question

如果我有图片
<img class="pineapple" ref="pineapple" src="pineapple.jpg" />
我可以使用$ ref
expect(wrapper.find($refs.pineapple).exists()).toBe(true)
代替
expect(wrapper.find('.pineapple').exists()).toBe(true)

Answer 1

您可以使用wrapper.find属性将对象传递给ref。

expect(wrapper.find({ref: 'pineapple'}).exists()).toBe(true)

从Vue Test util文档中:

查找选项对象

引用

Vue Test Utils使用find选项对象，可以通过$ ref在包装器组件上选择元素。

const buttonWrapper = wrapper.find({ ref: 'myButton' })
buttonWrapper.trigger('click')

https://vue-test-utils.vuejs.org/api/selectors.html