Search jQuery

jQuery Forum

Using jQuery UI

martijnve..

Fire events to simulate drag 'n' drop

Answered

Need more info
Answered
Working on it

in Using jQuery UI • 2 years ago

Hi all,

i am testing a website using Selenium. The Selenium drag n drop function does not work properly (that is a known bug).

Now I want to simulate a drag n drop action by firing the different mouse events on the right element. Could anyone help me with that? I tried the procedure belong, but is does not work either.

mouseDown at the draggable

mouseMove at the draggable

sleep for 1 second

mouseMove at the droppable

sleep for 1 second

mouseUp at the droppable

mouseUp at the draggable

Replies(3)

tommathias

Re: Fire events to simulate drag 'n' drop

2 years ago

I'm trying something similar with:

function dragElementDownAndRight(element, distanceToMoveDownAndRight) {
element.mousedown();
//mouse needs to be over the element
var elementX = element.offset().left + (element.width() / 2);
var elementY = element.offset().top + (element.height() / 2);
var fakeEventData = new Object();
fakeEventData.screenX = elementX;
fakeEventData.screenY = elementY;
fakeEventData.clientX = elementX;
fakeEventData.clientY = elementY;
fakeEventData.altKey = false;
fakeEventData.ctrlKey = false;
fakeEventData.shiftKey = false;
fakeEventData.metaKey = false;
//loop through mousemove events, incrementing vectors to simulate dragging
for (var i = 0; i < distanceToMoveDownAndRight; i++) {
element.mousemove(fakeEventData, null);
fakeEventData.screenX++;
fakeEventData.screenY++;
fakeEventData.clientX++;
fakeEventData.clientY++;
}
element.mouseup();
}

But the JQuery mousemove function overload that raises the event doesn't seem to take event data like the JavaScript event does.

I'll keep this question posted with any information.

Tom