51 lines
1.2 KiB
HTML
51 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
</head>
|
|
<body>
|
|
<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>
|
|
|
|
<!-- See bug 84674 -->
|
|
<input id="slider" type="range" min="0" max="100" value="50"></input>
|
|
<pre id="console"></pre>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
var clickCount = 0;
|
|
var slider;
|
|
|
|
function onClick(e)
|
|
{
|
|
clickCount++;
|
|
}
|
|
|
|
window.onload = function()
|
|
{
|
|
if (!window.testRunner)
|
|
return;
|
|
|
|
slider = document.getElementById("slider");
|
|
slider.addEventListener("click", onClick);
|
|
|
|
// Click respositions the slider thumb element under the cursor.
|
|
// Ensure that the click event still fires.
|
|
var x = slider.offsetLeft + 1;
|
|
var y = slider.offsetTop + slider.clientHeight / 2;
|
|
|
|
eventSender.mouseMoveTo(x, y);
|
|
eventSender.mouseDown();
|
|
eventSender.mouseUp();
|
|
|
|
eventSender.mouseMoveTo(x + slider.clientWidth - 2, y);
|
|
eventSender.mouseDown();
|
|
eventSender.mouseUp();
|
|
|
|
eventSender.mouseMoveTo(x + slider.clientWidth / 2, y);
|
|
eventSender.mouseDown();
|
|
eventSender.mouseUp();
|
|
|
|
shouldBe("clickCount", "3");
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|