
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/js-test.js"></script>
<script src="../resources/accessibility-helper.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">

<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.");

    var smallRange, largeRange;
    if (window.accessibilityController) {
        window.jsTestIsAsync = true;

        setTimeout(async function() {
            largeRange = accessibilityController.accessibleElementById("largeRange");
            shouldBe("largeRange.intValue", "50");

            largeRange.increment();
            await expectAsyncExpression("largeRange.intValue", 55);

            largeRange.increment();
            await expectAsyncExpression("largeRange.intValue", 60);

            largeRange.decrement();
            await expectAsyncExpression("largeRange.intValue", 55);

            largeRange.decrement();
            await expectAsyncExpression("largeRange.intValue", 50);

            smallRange = accessibilityController.accessibleElementById("smallRange");
            shouldBe("smallRange.intValue", "5");

            smallRange.increment();
            await expectAsyncExpression("smallRange.intValue", 6);

            smallRange.increment();
            await expectAsyncExpression("smallRange.intValue", 7);

            smallRange.decrement();
            await expectAsyncExpression("smallRange.intValue", 6);

            smallRange.decrement();
            await expectAsyncExpression("smallRange.intValue", 5);

            finishJSTest();
        }, 0);
    }
</script>
</body>
</html>