blob: dd5c9844755376dc95730f50dfa5db4290d7552f [file] [log] [blame]
<!DOCTYPE html> <!-- webkit-test-runner [ useFlexibleViewport=true ] -->
<html>
<head>
<meta name="viewport" content="width=device-width">
<style>
input[type="range"] {
width: 300px;
}
</style>
<script src="resources/zooming-test-utils.js"></script>
<script>
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
var uiScriptHasCompleted = false;
var oninputHasBeenHandled = false;
function getUIScript(startX, startY, endX, endY, duration)
{
return `
(function() {
uiController.dragFromPointToPoint(${startX}, ${startY}, ${endX}, ${endY}, ${duration}, function() {
uiController.uiScriptComplete();
});
})();`
}
function checkDone()
{
if (oninputHasBeenHandled && uiScriptHasCompleted)
testRunner.notifyDone();
}
function handleValueChanged(value)
{
document.getElementById("console").textContent = "Successfully handled oninput, value is now \"" + value.toLowerCase() + "\"";
oninputHasBeenHandled = true;
checkDone();
}
function doTest()
{
if (!window.testRunner || !testRunner.runUIScript)
return;
var targetElement = document.getElementsByTagName('input')[0];
var point = getPointInsideElement(targetElement, 10, 10);
testRunner.runUIScript(getUIScript(point.x, point.y, point.x + 200, point.y, 0.05), function() {
uiScriptHasCompleted = true;
checkDone();
});
}
window.addEventListener('load', doTest, false);
</script>
</head>
<body>
<p>Tests that a basic range slider works</p>
<input type="range" min="100" max="600" value="100" oninput="handleValueChanged(this.value)">
<div id="console">Failed to handle oninput<div>
</body>
</html>