blob: cc74a52cec26ce5e98f2851424954b071b5ef1f9 [file] [log] [blame]
<html>
<head>
<script>
function dragEnter(div)
{
div.innerText = "Success: ";
}
</script>
</head>
<body contenteditable="true">
<span id="elementToDrag">Text</p>
<div id="dragTarget" class="dragTarget" ondragenter="dragEnter(this);" style="width: 300px; height: 300px; border: 1px solid gray;""></div>
<p>This automated layout test checks to see that ondragenter events are being sent.</p>
<script>
function runTest()
{
if (!window.layoutTestController)
return;
layoutTestController.waitUntilDone();
layoutTestController.dumpAsText();
// Find the element to drag
var elementToDrag = document.getElementById("elementToDrag");
var x = elementToDrag.offsetLeft + elementToDrag.offsetWidth / 2;
var y = elementToDrag.offsetTop + elementToDrag.offsetHeight / 2;
// Double click on the element to select its text
eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.mouseUp();
eventSender.mouseDown();
eventSender.mouseUp();
// Wait a moment so that the next mouseDown will kick off a drag, instead of a triple-click
eventSender.leapForward(1300);
eventSender.mouseDown();
// Wait a moment so that the mouseDown will kick off a drag instead of starting a new selection.
eventSender.leapForward(400);
// Drag to the middle of the destination element
var dragTarget = document.getElementById("dragTarget");
x = dragTarget.offsetLeft + dragTarget.offsetWidth / 2;
y = dragTarget.offsetTop + dragTarget.offsetHeight / 2;
eventSender.mouseMoveTo(x, y);
eventSender.mouseUp();
layoutTestController.notifyDone();
}
runTest();
</script>
</body>
</html>