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

2023年2月8日 237次阅读

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

谢谢,
沙特

最佳答案 您使用什么DnD组件？反应 – 免打扰？

也许Github上的
this issue可以帮到你.

或许
this article关于通过Jest测试Drag& Drop.

点赞