72 lines
1.9 KiB
HTML
72 lines
1.9 KiB
HTML
<!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>
|