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

时间:2017-11-13 20:22:00

标签: reactjs unit-testing drag-and-drop enzyme jest

我正在尝试创建一个模拟将图像拖动到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个元素。

谢谢, 沙特

1 个答案:

答案 0 :(得分:1)

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