【问题标题】: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)

【问题讨论】:

    标签: vuejs2 jestjs vue-test-utils


    【解决方案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')
    

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

    【讨论】:

      猜你喜欢
      • 2018-05-26
      • 2019-05-13
      • 2019-10-27
      • 1970-01-01
      • 1970-01-01
      • 2019-03-13
      • 2019-10-24
      • 2020-04-19
      • 1970-01-01
      相关资源
      最近更新 更多