在 vue-test-utils 中测试拖放用户操作

Question

我想测试 DOM 元素上拖放的用户交互。

Vue test utils 提供了接受

eventType

（例如点击）作为参数的触发方法，例如

wrapper.find('#someId').trigger('click')

但我找不到用于拖放或移动项目的事件类型。

vue test utils 文档未提供更多详细信息：https://vue-test-utils.vuejs.org/api/wrapper/trigger.html

有什么方法可以触发拖放操作或组合多个事件类型来存档相同的事件类型？

Answer 1

要模拟拖动，您可以在包装器上触发此事件：

const wrapper = mount(App);

const scrollContainer = wrapper.find('[data-testid=scrollContainer]');
scrollContainer.trigger('mousedown');
scrollContainer.trigger('mousemove');
scrollContainer.trigger('mouseup');