| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <script src="../../../resources/js-test.js"></script> | 2 <script src="../../../resources/js-test.js"></script> |
| 3 <script src="../resources/input-modifiers.js"></script> | 3 <script src="../resources/input-modifiers.js"></script> |
| 4 <style> | 4 <style> |
| 5 div.box { | 5 div.box { |
| 6 margin: 10px; | 6 margin: 10px; |
| 7 padding: 50px; | 7 padding: 50px; |
| 8 float: left; | 8 float: left; |
| 9 } | 9 } |
| 10 </style> | 10 </style> |
| 11 | 11 |
| 12 <div id="target" class="box" style="background-color:red"> | 12 <div id="target" class="box" style="background-color:red"> |
| 13 </div> | 13 </div> |
| 14 | 14 |
| 15 <div id="console"></div> | 15 <div id="console"></div> |
| 16 | 16 |
| 17 <script> | 17 <script> |
| 18 description("Verifies that pointer event parameters are correct when fired for m
ouse events."); | 18 description("Verifies that pointer event parameters are correct when fired for m
ouse events."); |
| 19 | 19 |
| 20 // TODO(mustaq): Grow the list as we add support for more PEs | 20 var testEventList = ["mouseenter", "mouseleave", "mouseover", "mouseout", "mouse
up", "mousedown", "mousemove", |
| 21 var testEventList = ["mouseenter", "mouseleave", "mouseover", "mouseout", "mouse
up", "mousedown", | 21 "pointerenter", "pointerleave", "pointerover", "pointerout",
"pointerup", "pointerdown", "pointermove"]; |
| 22 "pointerenter", "pointerleave", "pointerover", "pointerout",
"pointerup", "pointerdown"]; | |
| 23 var lastPointerEvent = null; | 22 var lastPointerEvent = null; |
| 24 | 23 |
| 25 var checkKeyModifiers = false; | 24 var checkKeyModifiers = false; |
| 26 | 25 |
| 27 var numericAttributes = [ | 26 var numericAttributes = [ |
| 28 "clientX", | 27 "clientX", |
| 29 "clientY", | 28 "clientY", |
| 30 "layerX", | 29 "layerX", |
| 31 "layerY", | 30 "layerY", |
| 32 "movementX", | 31 "movementX", |
| (...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 95 }); | 94 }); |
| 96 } | 95 } |
| 97 | 96 |
| 98 function runTests() { | 97 function runTests() { |
| 99 var rect = document.getElementById("target").getBoundingClientRect(); | 98 var rect = document.getElementById("target").getBoundingClientRect(); |
| 100 | 99 |
| 101 debug("--- move mouse into target ---"); | 100 debug("--- move mouse into target ---"); |
| 102 eventSender.mouseMoveTo(rect.left + 5, rect.top + 5); | 101 eventSender.mouseMoveTo(rect.left + 5, rect.top + 5); |
| 103 debug(""); | 102 debug(""); |
| 104 | 103 |
| 104 debug("--- move within target ---"); |
| 105 eventSender.mouseMoveTo(rect.left + 7, rect.top + 15); |
| 106 eventSender.mouseMoveTo(rect.left + 5, rect.top + 5); |
| 107 debug(""); |
| 108 |
| 105 debug("--- click each button ---"); | 109 debug("--- click each button ---"); |
| 106 for (var button = 0; button <=2; button++) { | 110 for (var button = 0; button <=2; button++) { |
| 107 eventSender.mouseDown(button); | 111 eventSender.mouseDown(button); |
| 108 eventSender.mouseUp(button); | 112 eventSender.mouseUp(button); |
| 109 // TODO(crbug.com/548226): Investigate missing events in win_chromium_rel_ng
on 3rd down/up. | 113 // TODO(crbug.com/548226): Investigate missing events in win_chromium_rel_ng
on 3rd down/up. |
| 110 } | 114 } |
| 111 debug(""); | 115 debug(""); |
| 112 | 116 |
| 113 debug("--- click with each modifier ---"); | 117 debug("--- click with each modifier ---"); |
| 114 checkKeyModifiers = true; | 118 checkKeyModifiers = true; |
| 115 forEachModifier(function(attr, modifierName, eventSenderName) { | 119 forEachModifier(function(attr, modifierName, eventSenderName) { |
| 116 eventSender.mouseDown(0, [eventSenderName]); | 120 eventSender.mouseDown(0, [eventSenderName]); |
| 117 eventSender.mouseUp(0, [eventSenderName]); | 121 eventSender.mouseUp(0, [eventSenderName]); |
| 118 }); | 122 }); |
| 119 checkKeyModifiers = false; | 123 checkKeyModifiers = false; |
| 120 debug(""); | 124 debug(""); |
| 121 | 125 |
| 122 debug("--- move mouse out of target ---"); | 126 debug("--- move mouse out of target ---"); |
| 123 eventSender.mouseMoveTo(rect.left - 5, rect.top - 5); | 127 eventSender.mouseMoveTo(rect.left - 5, rect.top - 5); |
| 124 } | 128 } |
| 125 | 129 |
| 126 init(); | 130 init(); |
| 127 if (window.eventSender) | 131 if (window.eventSender) |
| 128 runTests(); | 132 runTests(); |
| 129 else | 133 else |
| 130 debug("This test requires eventSender"); | 134 debug("This test requires eventSender"); |
| 131 | 135 |
| 132 </script> | 136 </script> |
| OLD | NEW |