Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <script src="../../../resources/js-test.js"></script> | |
| 3 <style type="text/css"> | |
| 4 html, body, .workspace { | |
| 5 height: 100%; | |
| 6 } | |
| 7 button { | |
| 8 cursor: pointer; | |
| 9 padding: 0px; | |
| 10 margin: 0px; | |
| 11 } | |
| 12 .minbox { | |
| 13 height: 30px; | |
| 14 width: 1px; | |
| 15 } | |
| 16 #div1, #div2 { | |
| 17 height: 80px; | |
| 18 border: 1px solid #aaaaaa; | |
| 19 } | |
| 20 </style> | |
| 21 <body> | |
| 22 <div class="workspace"></div> | |
| 23 <div class="minbox"> | |
| 24 <div id="test"> | |
| 25 <button>POINTER</button> | |
| 26 </div> | |
| 27 </div> | |
| 28 <p id="description"></p> | |
| 29 <div id="console"></div> | |
| 30 <script> | |
| 31 var div = document.getElementById("test"); | |
| 32 var x = div.offsetLeft + 100; | |
| 33 var y = div.offsetTop - window.pageYOffset + 1; | |
| 34 var events = []; | |
| 35 var targets = []; | |
| 36 | |
| 37 window.scrollTo(0, 200); | |
| 38 if (window.eventSender) { | |
| 39 function appendEventLog(e) { | |
| 40 events.push(e.type); | |
| 41 targets.push(e.currentTarget.nodeName); | |
| 42 } | |
| 43 | |
| 44 function runNextTest(eventType1, eventType2) | |
| 45 { | |
| 46 document.addEventListener(eventType1, appendEventLog); | |
| 47 document.body.addEventListener(eventType1, appendEventLog); | |
| 48 document.addEventListener(eventType2, appendEventLog); | |
| 49 document.body.addEventListener(eventType2, appendEventLog); | |
| 50 eventSender.mouseMoveTo(x, y); // html element in iframe | |
| 51 eventSender.mouseMoveTo(x, y + 200); // out of iframe | |
| 52 eventSender.mouseMoveTo(x, y - 100); // body element in iframe | |
| 53 eventSender.mouseMoveTo(x, y + 200); // out of iframe | |
| 54 document.removeEventListener(eventType1, appendEventLog); | |
| 55 document.body.removeEventListener(eventType1, appendEventLog); | |
| 56 document.removeEventListener(eventType2, appendEventLog); | |
| 57 document.body.removeEventListener(eventType2, appendEventLog); | |
| 58 } | |
| 59 runNextTest('mousemove', ''); | |
| 60 runNextTest('mouseover', ''); | |
| 61 runNextTest('mouseout', ''); | |
| 62 runNextTest('mouseenter', 'mouseleave'); | |
| 63 } | |
| 64 var i = 0; | |
| 65 function verifyEventLog(eventType, target) | |
| 66 { | |
| 67 if (events[i] == eventType) { | |
|
Julien - ping for review
2014/09/19 16:56:41
I don't think this branch is needed or even a good
Miyoung Shin(g)
2014/09/20 03:59:43
OK. I will change to always check expected eventTy
| |
| 68 shouldBeEqualToString('events[' + i + ']', eventType); | |
| 69 shouldBeEqualToString('targets[' + i + ']', target); | |
| 70 } else { | |
| 71 shouldBeEqualToString('events[' + i + ']', eventType); | |
| 72 } | |
| 73 i++; | |
| 74 } | |
| 75 verifyEventLog('mousemove', '#document'); // x, y | |
| 76 verifyEventLog('mousemove', 'BODY'); // x, y - 100 | |
| 77 verifyEventLog('mousemove', '#document'); // x, y - 100 | |
| 78 verifyEventLog('mouseover', '#document'); // x, y | |
| 79 verifyEventLog('mouseover', 'BODY'); // x, y - 100 | |
| 80 verifyEventLog('mouseover', '#document'); // x, y - 100 | |
| 81 verifyEventLog('mouseout', '#document'); // x, y | |
| 82 verifyEventLog('mouseout', 'BODY'); // x, y - 100 | |
| 83 verifyEventLog('mouseout', '#document'); // x, y - 100 | |
| 84 verifyEventLog('mouseenter', '#document');// x, y | |
| 85 verifyEventLog('mouseleave', '#document');// x, y | |
| 86 verifyEventLog('mouseenter', 'BODY'); // x, y - 100 | |
| 87 verifyEventLog('mouseenter', '#document');// x, y - 100 | |
| 88 verifyEventLog('mouseleave', 'BODY'); // x, y - 100 | |
| 89 verifyEventLog('mouseleave', '#document');// x, y - 100 | |
|
Julien - ping for review
2014/09/19 16:56:41
x, y + 200?
Miyoung Shin(g)
2014/09/20 03:59:43
"x, y + 200" is the coordinates out of iframe.
I i
Miyoung Shin(g)
2014/09/20 06:09:39
Ah, I got it. this event is fired by "x, y + 200".
| |
| 90 </script> | |
| 91 </body> | |
| OLD | NEW |