我正在尝试使用 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