<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/accessibility-helper.js"></script>
<script src="../resources/js-test.js"></script>
</head>
<body>

<span tabindex="0" role="slider" id="slider" aria-valuenow=5 aria-valuemin=0 aria-valuemax=10>X</span>

<script>
    var testOutput = "This test ensures we properly expose the current, minimum, and maximum values of ARIA sliders.\n\n";

    if (window.accessibilityController) {
        window.jsTestIsAsync = true;

        var slider = accessibilityController.accessibleElementById("slider");
        testOutput += expect("slider.intValue", "5");
        testOutput += expect("slider.minValue", "0");
        testOutput += expect("slider.maxValue", "10");

        testOutput += "\nFor #slider element, updating aria-valuemin to 2, aria-valuemax to 8.\n";
        document.getElementById("slider").ariaValueMin = "2";
        document.getElementById("slider").ariaValueMax = "8";
        setTimeout(async function() {
            await waitFor(() => {
                return slider.minValue === 2 &&
                    slider.maxValue === 8;
            });

            testOutput += expect("slider.minValue", "2");
            testOutput += expect("slider.maxValue", "8");

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