third_party/WebKit/LayoutTests/fast/events/mouse-events-on-node-deletion.html

   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.com/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>