vue-test-utils:在 v-select 测试中未捕获更改事件

时间:2021-04-10 15:54:33

标签: javascript vue.js vuetify.js vue-test-utils

我正在尝试使用 vue-test-utils 为 v-select 组件编写单元测试。我可以注意到,只要在 v-select 中更新项目,就不会触发更改/输入事件。

组件

v-select(
  ref       = "select_cards"
  items     = "[4,8,12]"
  label     = "Number of cards"
  v-model   = "numberOfCards"//data variable
  @change   = "generateRandomValues()"
  :disabled = "isDisabled" //boolean data variable
)

测试 -

const input = wrapper.find("input")
input.element.value = 12
input.trigger("change")

我尝试使用 @input 而不是 @change。我试图通过 - wrapper.find("input").setValue(12) 在测试中设置值。但是我可以注意到在单元测试中没有触发更改/输入事件。但是,当我在浏览器中尝试时,这确实有效。

关于如何获取单元测试触发的 select 上的更改事件有什么建议吗?

P.S - 我使用的是 Vue 2.6.11、Vuetify 2.4.9 和 Vue 测试工具 1.1.3

0 个答案:

没有答案