1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/dom/tests/mochitest/whatwg/test_bug477323.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,64 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 +<head>
1.7 + <title>Dynamically assigned drag and drop handlers</title>
1.8 + <script type="text/javascript" src="/MochiKit/MochiKit.js"></script>
1.9 + <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
1.10 + <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
1.11 + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
1.12 +</head>
1.13 +<body onload="start()">
1.14 +<script class="testbody" type="application/javascript">
1.15 +
1.16 +SimpleTest.waitForExplicitFinish();
1.17 +
1.18 +function start()
1.19 +{
1.20 + var element = document.getElementById("draggable_img");
1.21 +
1.22 + var gotdragstart = false, gotdrag = false,
1.23 + gotdragenter = false, gotdragover = false, gotdragleave = false,
1.24 + gotdrop = false, gotdragend = false;
1.25 +
1.26 + element.ondragstart = function(event) {gotdragstart = true;}
1.27 + element.ondrag = function(event) {gotdrag = true;}
1.28 + element.ondragenter = function(event) {gotdragenter = true;}
1.29 + element.ondragover = function(event) {gotdragover = true;}
1.30 + element.ondragleave = function(event) {gotdragleave = true;}
1.31 + element.ondrop = function(event) {gotdrop = true;}
1.32 + element.ondragend = function(event) {gotdragend = true;}
1.33 +
1.34 + function dispatch(eventName)
1.35 + {
1.36 + var event = document.createEvent("DragEvents");
1.37 + event.initDragEvent(eventName, true, true, window, 0, 5, 5, 5, 5,
1.38 + false, false, false, false, 0, null, null);
1.39 + element.dispatchEvent(event);
1.40 + }
1.41 +
1.42 + dispatch("dragstart");
1.43 + dispatch("drag");
1.44 + dispatch("dragenter");
1.45 + dispatch("dragover");
1.46 + dispatch("dragleave");
1.47 + dispatch("drop");
1.48 + dispatch("dragend");
1.49 +
1.50 + ok(gotdragstart, "Got ondragstart event");
1.51 + ok(gotdrag, "Got ondrag event");
1.52 + ok(gotdragenter, "Got ondragenter event");
1.53 + ok(gotdragover, "Got ondragover event");
1.54 + ok(gotdragleave, "Got ondragleave event");
1.55 + ok(gotdrop, "Got ondrop event");
1.56 + ok(gotdragend, "Got ondragend event");
1.57 +
1.58 + SimpleTest.finish();
1.59 +}
1.60 +
1.61 +</script>
1.62 +
1.63 +<img src="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%18%00%00%00%18%02%03%00%00%00%9D%19%D5k%00%00%00%04gAMA%00%00%B1%8F%0B%FCa%05%00%00%00%0CPLTE%FF%FF%FF%FF%FF%FF%F7%DC%13%00%00%00%03%80%01X%00%00%00%01tRNS%08N%3DPT%00%00%00%01bKGD%00%88%05%1DH%00%00%00%09pHYs%00%00%0B%11%00%00%0B%11%01%7Fd_%91%00%00%00%07tIME%07%D2%05%0C%14%0C%0D%D8%3F%1FQ%00%00%00%5CIDATx%9C%7D%8E%CB%09%C0%20%10D%07r%B7%20%2F%E9wV0%15h%EA%D9%12D4%BB%C1x%CC%5C%1E%0C%CC%07%C0%9C0%9Dd7()%C0A%D3%8D%E0%B8%10%1DiCHM%D0%AC%D2d%C3M%F1%B4%E7%FF%10%0BY%AC%25%93%CD%CBF%B5%B2%C0%3Alh%CD%AE%13%DF%A5%F7%E0%03byW%09A%B4%F3%E2%00%00%00%00IEND%AEB%60%82"
1.64 + draggable="true" id="draggable_img"/>
1.65 +
1.66 +</body>
1.67 +</html>
