reactjs - 如何在 enzyme 测试用例中模拟拖放？

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);
});

我正在尝试模拟放置事件，但不知道该怎么做，因为其中涉及 2 个元素。

谢谢，沙特

Answer 1

您使用什么 DnD 组件？ react -Dnd？也许this issue Github 上可以帮助你。或者也许this article关于通过 Jest 测试拖放。