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

<button id="untitledButton"></button>

<div id="spinbutton"
     tabindex="0"
     role="spinbutton"
     aria-valuetext="5 of 9"
     aria-valuemin="1"
     aria-valuemax="9"
     aria-valuenow="5">42</div>

<script>
    description("This tests that a spin button supports range value attributes.");

    function endsWith(str, suffix) {
        str = "" + str;
        return str.substr(str.length - suffix.length) == suffix;
    }

    var spinbutton, untitledButton;
    if (window.accessibilityController) {
        untitledButton = accessibilityController.accessibleElementById("untitledButton");
        spinbutton = accessibilityController.accessibleElementById("spinbutton");
        shouldBe("spinbutton.intValue", "5");

        // Test range value attributes.
        shouldBe("endsWith(spinbutton.intValue, '5')", "true");
        shouldBe("endsWith(spinbutton.minValue, '1')", "true");
        shouldBe("endsWith(spinbutton.maxValue, '9')", "true");
        shouldBe("endsWith(spinbutton.valueDescription, '5 of 9')", "true");

        // Make sure the title doesn't come from the inner text. It should just be empty if
        // not otherwise specified.
        shouldBe("spinbutton.title", "untitledButton.title");
    }
</script>
</body>
</html>