Vue.js 选择下拉元素上的Vuejs测试

我试图测试页面上发生的动态变化，这取决于选择了选择下拉菜单的哪个选项。不幸的是，我所尝试的一切似乎都没有触发事件。这是我的密码

<select v-model="payment" required class="form-control payment">
   <option>Card</option>
   <option>Paypal</option>
</select>

我还尝试了setSelectedValue和setValue来代替setSelected

如何正确选择选项？提前谢谢。

像这样试试

wrapper.find({name:'select'}).vm.$emit('onChange', 'Paypal')
await wrapper.vm.$nextTick()
expect(wrapper.vm.payment).toBe('Paypal')

---

我希望这将帮助您

哦，问题不在于选择本身，而在于它应该是一个异步函数。非常感谢。

wrapper.find({name:'select'}).vm.$emit('onChange', 'Paypal')
await wrapper.vm.$nextTick()
expect(wrapper.vm.payment).toBe('Paypal')