LayoutTests/fast/events/click-range-slider.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 </head>
   5 <body>
   6 <p>Test that click events are fired for a slider when the range of values is dense enough that the thumb element is repositioned under the cursor on mouse press.</p>
   7
   8 <!-- See bug 84674 -->
   9 <input id="slider" type="range" min="0" max="100" value="50"></input>
  10 <pre id="console"></pre>
  11 <script src="../js/resources/js-test-pre.js"></script>
  12 <script>
  13 var clickCount = 0;
  14 var slider;
  15
  16 function onClick(e)
  17 {
  18     clickCount++;
  19 }
  20
  21 window.onload = function()
  22 {
  23     if (!window.testRunner)
  24         return;
  25
  26     slider = document.getElementById("slider");
  27     slider.addEventListener("click", onClick);
  28
  29     // Click respositions the slider thumb element under the cursor.
  30     // Ensure that the click event still fires.
  31     var x = slider.offsetLeft + 1;
  32     var y = slider.offsetTop + slider.clientHeight / 2;
  33
  34     eventSender.mouseMoveTo(x, y);
  35     eventSender.mouseDown();
  36     eventSender.mouseUp();
  37
  38     eventSender.mouseMoveTo(x + slider.clientWidth - 2, y);
  39     eventSender.mouseDown();
  40     eventSender.mouseUp();
  41
  42     eventSender.mouseMoveTo(x + slider.clientWidth / 2, y);
  43     eventSender.mouseDown();
  44     eventSender.mouseUp();
  45
  46     shouldBe("clickCount", "3");
  47 }
  48 </script>
  49 </body>
  50 </html>