如何在酶测试用例中模拟拖放？

Question

我正在尝试创建一个模拟将图像拖动到div中的测试。我对如何实现这一点毫无头绪。非常感谢任何帮助。

it('test drag and drop', () => {
    const app = mount(<App />);
    const loco = app.find('.app img');
    const dropTarget = app.find('.drop-target');
    let mockEvent = { dataTransfer: { type: 'test' } };
    loco.simulate('drag', mockEvent);
    //loco.simulate('dragover', dropTarget, mockEvent);
    //loco.simulate('drop', dropTarget, mockEvent);
});

我正在尝试模拟drop事件，不知道怎么做，因为它涉及2个元素。

谢谢， 沙特

Answer 1

你使用什么DnD组件？反应 - 免打扰？ 也许Github上的this issue可以帮到你。 或者也许this article关于通过Jest测试Drag＆amp; Drop。