Vue Test utils 自定义事件触发器不起作用

Answer 1

问题出在 .trigger 上。正如文档所说，它会在 DOM 节点上触发事件。如果您在

emits

块中明确指定事件，则表示您的 组件 将触发该事件。否则，VTU 仅触发

load-data

事件作为 DOM 节点事件。

在你的情况下，你应该使用

$emit

wrapper.findComponent('[data-test="dropdown-test"]').vm.$emit('load-data')

await wrapper.vm.$nextTick() // Wait until $emits have been handled
// then
expect(wrapper.emitted('first-event'))...
expect(wrapper.emitted('second-event'))...