48 lines
1.1 KiB
HTML
48 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
</head>
|
|
<body>
|
|
<p>This test verifies that updating the slider for an input element with type=range fires a change event.</p>
|
|
|
|
<!-- See bug 84674 -->
|
|
<input id="slider" type="range" min="0" max="3" value="0"></input>
|
|
<pre id="console"></pre>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
var receivedChangeEvent = false;
|
|
var slider;
|
|
|
|
function onChange(e)
|
|
{
|
|
testPassed('Change event fired.');
|
|
receivedChangeEvent = true;
|
|
shouldBeEqualToString("slider.value", "0");
|
|
}
|
|
|
|
window.onload = function()
|
|
{
|
|
if (!window.testRunner)
|
|
return;
|
|
|
|
slider = document.getElementById("slider");
|
|
slider.addEventListener("change", onChange);
|
|
|
|
// Programmatically changing an input value should not fire a change event.
|
|
slider.value = 1;
|
|
|
|
// Changing back to original value should fire a change event.
|
|
var x = slider.offsetLeft + 1;
|
|
var y = slider.offsetTop + slider.clientHeight / 2;
|
|
|
|
eventSender.mouseMoveTo(x, y);
|
|
eventSender.mouseDown();
|
|
eventSender.mouseUp();
|
|
|
|
if (!receivedChangeEvent)
|
|
testFailed('Change event not fired.');
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|