LayoutTests/fast/events/mouseup-outside-button.html

   1 <p>This test verifies that a button that receives a mouse down event does not receive
   2 a corresponding mouse up event when the mouse up happens outside the button.
   3 </p>
   4 <p>If the test passes, you'll see a PASS message below.
   5 </p>
   6
   7 <p>To run this test in Safari:
   8 <ol>
   9     <li>Mouse down inside the button.</li>
  10     <li>Move the mouse outside the button.</li>
  11     <li>Mouse up.</li>
  12 </ol>
  13 </p>
  14 <hr>
  15 <input type="button" value="button!" id="button">
  16 <pre id="log">PASS: mouse up event did not fire</pre>
  17
  18 <script>
  19 function main()
  20 {
  21     document.getElementById('button').addEventListener("mouseup", button_mouseUp, false);
  22
  23     if (window.testRunner)
  24         testRunner.dumpAsText();
  25
  26     if (window.eventSender) {
  27         eventSender.mouseMoveTo(40, 20); // in button
  28         eventSender.mouseDown();
  29         eventSender.mouseMoveTo(40, 200); // outside button
  30         eventSender.mouseUp();
  31     }
  32 }
  33
  34 function button_mouseUp()
  35 {
  36     document.getElementById('log').innerHTML = "FAIL: mouseup event fired\n";
  37 }
  38
  39 main();
  40 </script>