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

【问题标题】：Can I select an element by ref using vue test utils我可以使用 vue test utils 通过 ref 选择一个元素吗
【发布时间】：2019-08-22 15:46:39
【问题描述】：

如果我有图片

<img class="pineapple" ref="pineapple" src="pineapple.jpg" />

我可以使用 $ref

expect(wrapper.find($refs.pineapple).exists()).toBe(true)

而不是

expect(wrapper.find('.pineapple').exists()).toBe(true)

【问题讨论】：

【解决方案1】：

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

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

来自 Vue 测试实用程序文档：

查找选项对象

使用查找选项对象，Vue Test Utils 允许通过 $ref 在包装器组件上选择元素。

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

【讨论】：