f95c212645103328704f4f00562b6eecc2c98761
[WebKit-https.git] / 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>