4 function dragEnter(div)
6 div.innerText = "Success: ";
10 <body contenteditable="true">
11 <span id="elementToDrag">Text</p>
12 <div id="dragTarget" class="dragTarget" ondragenter="dragEnter(this);" style="width: 300px; height: 300px; border: 1px solid gray;""></div>
13 <p>This automated layout test checks to see that ondragenter events are being sent.</p>
17 if (!window.layoutTestController)
20 layoutTestController.waitUntilDone();
21 layoutTestController.dumpAsText();
23 // Find the element to drag
24 var elementToDrag = document.getElementById("elementToDrag");
25 var x = elementToDrag.offsetLeft + elementToDrag.offsetWidth / 2;
26 var y = elementToDrag.offsetTop + elementToDrag.offsetHeight / 2;
27 // Double click on the element to select its text
28 eventSender.mouseMoveTo(x, y);
29 eventSender.mouseDown();
30 eventSender.mouseUp();
31 eventSender.mouseDown();
32 eventSender.mouseUp();
34 // Wait a moment so that the next mouseDown will kick off a drag, instead of a triple-click
35 eventSender.leapForward(1300);
36 eventSender.mouseDown();
37 // Wait a moment so that the mouseDown will kick off a drag instead of starting a new selection.
38 eventSender.leapForward(400);
40 // Drag to the middle of the destination element
41 var dragTarget = document.getElementById("dragTarget");
42 x = dragTarget.offsetLeft + dragTarget.offsetWidth / 2;
43 y = dragTarget.offsetTop + dragTarget.offsetHeight / 2;
44 eventSender.mouseMoveTo(x, y);
45 eventSender.mouseUp();
47 layoutTestController.notifyDone();