52 lines
1.8 KiB
HTML
52 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../resources/js-test-pre.js"></script>
|
|
<title>Range Alter by Percent</title>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Range type input elements are altered by five percent if they have no step specified. -->
|
|
|
|
<!-- Implicit step size of five when decrement/increment is called. -->
|
|
<input id="largeRange" max="100" min="0" type="range" value="50">
|
|
<!-- Implicit step size of one when decrement/increment is called (because five percent would give us less than one). -->
|
|
<input id="smallRange" max="10" min="0" type="range" value="5">
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
|
|
<script>
|
|
description("This tests that decrement and increment alter a range type input element by five percent or one (whichever is larger) when no step is specified.");
|
|
|
|
if (window.accessibilityController) {
|
|
// Large range.
|
|
var largeRange = accessibilityController.accessibleElementById("largeRange");
|
|
shouldBe("largeRange.intValue", "50");
|
|
largeRange.increment();
|
|
shouldBe("largeRange.intValue", "55");
|
|
largeRange.increment();
|
|
shouldBe("largeRange.intValue", "60");
|
|
largeRange.decrement();
|
|
shouldBe("largeRange.intValue", "55");
|
|
largeRange.decrement();
|
|
shouldBe("largeRange.intValue", "50");
|
|
|
|
// Small range.
|
|
var smallRange = accessibilityController.accessibleElementById("smallRange");
|
|
shouldBe("smallRange.intValue", "5");
|
|
smallRange.increment();
|
|
shouldBe("smallRange.intValue", "6");
|
|
smallRange.increment();
|
|
shouldBe("smallRange.intValue", "7");
|
|
smallRange.decrement();
|
|
shouldBe("smallRange.intValue", "6");
|
|
smallRange.decrement();
|
|
shouldBe("smallRange.intValue", "5");
|
|
}
|
|
</script>
|
|
|
|
<script src="../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|