I need help with the drag and drop function in Cypress. I have tried three different methods but none of them seem to work. I have included my code below, which is not functioning as expected. Does anyone have any suggestions on what might work better in this situation? Manual drag and drop works fine.
cy.get('gucci-draggable-item')
.trigger('mousedown', { which: 1 })
.trigger('mousemove', { which: 1, pageX: 600, pageY: 300 })
.trigger('mouseup', { which: 1 });const dataTransfer = new DataTransfer;
cy.get('gucci-draggable-item')
.trigger('dragstart', { dataTransfer });
cy.get('.expand-sheet-container')
.trigger('drop', { dataTransfer });
cy.get('gucci-draggable-item')
.trigger('dragend'); and also trying out @4tw/cypress-drag-drop plugin
cy.get('gucci-draggable-item').drag('.expand-sheet-container');