我可以使用 vue test utils 通过 ref 选择一个元素吗

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 允许通过 $ref 在包装器组件上选择元素。

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

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