Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <script src="../../fast/js/resources/js-test-pre.js"></script> | |
| 5 </head> | |
| 6 <body onload="runTest()"> | |
| 7 <input type="text" id="src"> | |
| 8 <input type="text" id="dst"> | |
| 9 <div id="log"></div> | |
| 10 <script> | |
| 11 description("This test verifies the order of events fired by drag-and-drop."); | |
| 12 | |
| 13 function runTest() | |
| 14 { | |
| 15 var src = document.getElementById('src'); | |
| 16 src.value = "abc"; | |
| 17 var dst = document.getElementById('dst'); | |
| 18 | |
| 19 | |
| 20 function log(message) | |
| 21 { | |
| 22 var span = document.createElement("span"); | |
|
yosin_UTC9
2013/09/20 03:53:58
nit: Using debug() can reduce code and use id="con
eustas
2013/09/20 05:13:15
Done.
| |
| 23 span.textContent = message; | |
| 24 document.getElementById("log").appendChild(span); | |
| 25 document.getElementById("log").appendChild(document.createElement("br")) ; | |
| 26 } | |
| 27 | |
| 28 var events = ['blur', 'change', 'drop', 'focus', 'input']; | |
|
yosin_UTC9
2013/09/20 03:53:58
nit: You can do
['blur', 'change', 'drop', 'focus
eustas
2013/09/20 05:13:15
Done.
| |
| 29 while (events.length) { | |
| 30 var event = events.shift(); | |
| 31 src.addEventListener(event, log.bind(null, event + ' src')); | |
| 32 dst.addEventListener(event, log.bind(null, event + ' dst')); | |
| 33 } | |
| 34 | |
| 35 src.select(); | |
| 36 eventSender.mouseMoveTo(src.offsetLeft + src.offsetWidth / 2, src.offsetTop + src.offsetHeight / 2); | |
| 37 eventSender.mouseDown(); | |
| 38 eventSender.leapForward(100); | |
| 39 eventSender.mouseMoveTo(dst.offsetLeft + dst.offsetWidth / 2, dst.offsetTop + dst.offsetHeight / 2); | |
| 40 eventSender.mouseUp(); | |
| 41 } | |
| 42 </script> | |
| 43 <script src="../../fast/js/resources/js-test-post.js"></script> | |
| 44 </body> | |
| 45 </html> | |
| OLD | NEW |