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

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 组件？反应-Dnd？也许Github 上的这个问题可以帮助你。或者也许这篇关于通过 Jest 测试拖放的文章。