OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE HTML> |
| 2 <script src="../../resources/js-test.js"></script> |
| 3 <style> |
| 4 .box { |
| 5 position: absolute; |
| 6 top: 20px; |
| 7 left: 20px; |
| 8 height: 100px; |
| 9 width: 100px; |
| 10 } |
| 11 |
| 12 #outer { |
| 13 background-color: grey; |
| 14 } |
| 15 |
| 16 #inner { |
| 17 background-color: red; |
| 18 } |
| 19 </style> |
| 20 |
| 21 <div id="outer" class="box"> |
| 22 <div id="inner" class="box"></div> |
| 23 </div> |
| 24 |
| 25 <div id="console"></div> |
| 26 |
| 27 <script> |
| 28 description("Verifies that mouse events are not fired on deleted nodes (crbug.co
m/515921)"); |
| 29 |
| 30 function eventLogger(event) { |
| 31 if (event.eventPhase == Event.AT_TARGET) |
| 32 debug(event.currentTarget.id + " received " + event.type); |
| 33 } |
| 34 |
| 35 function init() { |
| 36 var outer = document.getElementById("outer"); |
| 37 var inner = document.getElementById("inner"); |
| 38 |
| 39 ["mouseenter", "mouseleave", "mouseover", "mouseout"].forEach(function(event){ |
| 40 outer.addEventListener(event, eventLogger); |
| 41 inner.addEventListener(event, eventLogger); |
| 42 }); |
| 43 |
| 44 outer.addEventListener("click", function () { |
| 45 outer.removeChild(inner); |
| 46 debug("removed inner"); |
| 47 }); |
| 48 } |
| 49 |
| 50 init(); |
| 51 if (window.eventSender) { |
| 52 eventSender.mouseMoveTo(30, 30); |
| 53 eventSender.mouseMoveTo(130, 130); |
| 54 eventSender.mouseDown(); |
| 55 eventSender.mouseUp(); |
| 56 debug("TODO(crbug.com/276329): We are missing a mouseout here!") |
| 57 debug("TODO(crbug.com/276329): We are missing a mouseleave here!") |
| 58 eventSender.mouseMoveTo(30, 30); |
| 59 } else { |
| 60 debug("This test requires eventSender"); |
| 61 } |
| 62 </script> |
OLD | NEW |