효소 테스트 케이스에서 드래그 앤 드롭을 어떻게 시뮬레이트합니까?

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? Github의 this issue이 도움이 될 수 있습니다. 또는 시험에 대해 this article 드래그 & Drop을 통해 Jest.