LayoutTests/fast/events/click-range-slider.html - WebKit - Git at Google

 <!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>
	<!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>