55 lines
1.6 KiB
HTML
55 lines
1.6 KiB
HTML
<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.testRunner)
|
|
return;
|
|
|
|
testRunner.waitUntilDone();
|
|
testRunner.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();
|
|
|
|
testRunner.notifyDone();
|
|
}
|
|
|
|
runTest();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|