<html>
<head>
<script src="../resources/js-test-pre.js"></script>
</head>
<body id="body">

<div id="slider"
           role="slider"
           tabindex="0"
           aria-valuemin="0"
           aria-valuenow="0"
           aria-valuemax="255"
           aria-labelledby="idRed"></div>

<p id="description"></p>
<div id="console"></div>

<script>
    description("This test verifies that the increment/decrement actions post keyboard events that are correct for LTR and orientation.");

    var keyCount = 0;
    function handleKeyDown(event) {
        debug("Keycode received: identifier: " + event.keyIdentifier + " key name: " + event.key + " key code: " + event.keyCode);
        event.preventDefault();
        event.stopPropagation();

        keyCount++;
        if (keyCount == 8)
            finishJSTest();
    }

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

        document.getElementById("slider").addEventListener('keydown', handleKeyDown);

        // Get the parent element.
        var axSlider = accessibilityController.accessibleElementById("slider");

        debug("Increment/Decrement - LTR");
        incrementDecrement();

        debug("Increment/Decrement - RTL");
        window.internals.setUserInterfaceLayoutDirection("RTL");
        incrementDecrement();

        function incrementDecrement() {
            debug("Horizontal orientation");
            document.getElementById("slider").setAttribute("aria-orientation", "horizontal");
            axSlider.increment();
            axSlider.decrement();

            debug("Vertical orientation");
            document.getElementById("slider").setAttribute("aria-orientation", "vertical");
            axSlider.increment();
            axSlider.decrement();
        }
    }
</script>
<script src="../resources/js-test-post.js"></script>
</body>
</html>