blob: 288225ecc2828d36e4b0c6fb48a70650d2824f2f [file] [log] [blame]
<!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>