bubble-drag-events.html | Explore in Territory

<head>
<script>
function log(msg)
{
    document.getElementById("log").appendChild(document.createTextNode(msg + "\n"));
}

function testDragEventBubbling(dragTargetId, dragTargetParentId)
{
    var dragTargetParent = document.getElementById(dragTargetParentId);
    dragTargetParent.ondragenter = function() {
        log("ondragenter");
    }
    dragTargetParent.ondragover = function() {
        log("ondragover");
        event.dataTransfer.dropEffect = "copy";
        event.preventDefault();  // Cancel the drag, so we get the drop.
    }
    dragTargetParent.ondragleave = function() {
        log("ondragleave");
    }
    dragTargetParent.ondrop = function() {
       log("ondrop");
    }

    var abe = document.getElementById("abe");
    var dragTarget = document.getElementById(dragTargetId);

    eventSender.mouseMoveTo(abe.offsetLeft + 50, abe.offsetTop + 50);
    eventSender.mouseDown();
    eventSender.mouseUp();
    eventSender.mouseDown();
    eventSender.mouseUp();
    // Leap forward so that the next mouseDown doesn't trigger a triple click.
    eventSender.leapForward(1200);

    eventSender.mouseDown();
    // Leap forward so that the mouse movement causes a drag instead of selection creation.
    eventSender.leapForward(500);

    eventSender.mouseMoveTo(dragTarget.offsetLeft + 1, dragTarget.offsetTop + 1);
    eventSender.mouseUp();
}

window.onload = function ()
{
    if (window.testRunner)
        testRunner.dumpAsText(); 

    log("Tests that we don't bubble up the events if we drag something to an iframe that has an invalid source");
    testDragEventBubbling("invalidIframeDragTargetParent", "invalidIframeDragTarget");

    log("Tests that we don't bubble up the events if we drag something to an iframe that has a valid source");
    testDragEventBubbling("validIframeDragTargetParent", "validIframeDragTarget");

    log("Tests that we bubble up the events if we drag something to a non-iframe target");
    testDragEventBubbling("validSpanDragTargetParent", "validSpanDragTarget");

    testRunner.notifyDone();
}
</script>
</head>

<p>This page tests the drag event bubbling with valid and invalid targets.</p>
<img id="abe" src="http://127.0.0.1:8000/security/resources/abe.png">
<div id="invalidIframeDragTargetParent">
<iframe id="invalidIframeDragTarget" src="file:"></iframe>
</div>
<div id="validIframeDragTargetParent">
<iframe id="validIframeDragTarget" src="data:text/html,<body>Working</body>"></iframe>
</div>
<div contentEditable id="validSpanDragTargetParent">
<span id="validSpanDragTarget">Drag here.</span>
</div>
<pre id="log"></pre>
chromium/third_party/blink/web_tests/http/tests/misc/bubble-drag-events.html
