<!DOCTYPE html>
<html>
<body id="body">
<script src="../../resources/js-test-pre.js"></script>
<div id="content">

<input type="range" min="0" max="100" value="25" step="25" id="slider" onaccessibleincrement="incrementEventCallback(true)" onaccessibledecrement="decrementEventCallback(true)"/>
<input type="text" id="input" onaccessiblefocus="focusEventCallback(true)">
<button id="button" onaccessiblescrollintoview="scrollIntoViewEventCallback(true)">button</button>

<div id="combo" tabindex=0 role="combobox" aria-expanded="false" aria-label="Test" onaccessiblecontextmenu="contextMenuEventCallback(true)">
<div role="listbox">
<div role="option">option 1</div>
</div></div>

<select id="group" multiple="multiple">
    <option id="option" onaccessibleselect="selectEventCallback(true)">Option 1</option>
    <option>Option 2</option>
</select>

</div>

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

<script>

    description("This tests all accessibility events.");

    if (window.accessibilityController) {
        jsTestIsAsync = true;
       
        var node;
        var axNode;
        
        testIncrementDecrement();

        function incrementEventCallback(domLevel1) {
            debug("received " + (domLevel1 ? "DOM Level 1 " : "") + "accessibleincrement event");
            if (domLevel1)
                node.removeAttribute("onaccessibleincrement");
        }

        function decrementEventCallback(domLevel1) {
            debug("received " + (domLevel1 ? "DOM Level 1 " : "") + "accessibledecrement event");
            if (domLevel1)
                node.removeAttribute("onaccessibledecrement");
        }

        function focusEventCallback(domLevel1) {
            debug("received " + (domLevel1 ? "DOM Level 1 " : "") + "accessiblefocus event");
            if (domLevel1) {
                node.removeAttribute("onaccessiblefocus");
                testFocus();
            }
        }

        function scrollIntoViewEventCallback(domLevel1) {
            debug("received " + (domLevel1 ? "DOM Level 1 " : "") + "accessiblescrollintoview event");
            if (domLevel1)
                node.removeAttribute("onaccessiblescrollintoview");
        }

        function contextMenuEventCallback(domLevel1) {
            debug("received " + (domLevel1 ? "DOM Level 1 " : "") + "accessiblecontextmenu event");
            if (domLevel1)
                node.removeAttribute("onaccessiblecontextmenu");
        }

        function selectEventCallback(domLevel1) {
            debug("received " + (domLevel1 ? "DOM Level 1 " : "") + "accessibleselect event");
            if (domLevel1)
                node.removeAttribute("onaccessibleselect");
        }

        function testIncrementDecrement() {
            debug("\nTest accessibleincrement and accessibledecrement");
            node = document.getElementById("slider");
            axNode = accessibilityController.accessibleElementById("slider");
            // DOM Level 1 events
            axNode.increment();
            axNode.decrement();
            // DOM Level 2 events
            node.onaccessibleincrement = function() {
                incrementEventCallback();
            };
            node.onaccessibledecrement = function() {
                decrementEventCallback();
            };
            axNode.increment();
            axNode.decrement();

            testFocusDOMLevel1();
        }

        function testFocusDOMLevel1() {
            // takeFocus() is async so that this deserves a seperate test
            debug("\nTest onaccessiblefocus attribute");
            node = document.getElementById("input");
            axNode = accessibilityController.accessibleElementById("input");
            axNode.takeFocus();
        }

        function testFocus() {
            debug("\nTest accessiblefocus");
            // DOM Level 2 event
            node = document.getElementById("input");
            axNode = accessibilityController.accessibleElementById("input");

            node.onaccessiblefocus = function() {
                focusEventCallback();
                testScrollIntoView();
            };
            axNode.takeFocus();
        }

        function testScrollIntoView() {
            debug("\nTest accessiblescrollintoview");
            node = document.getElementById("button");
            axNode = accessibilityController.accessibleElementById("button");
            // DOM Level 1 event
            axNode.scrollToMakeVisible();
            // DOM Level 2 event
            node.onaccessiblescrollintoview = function() {
                scrollIntoViewEventCallback();
                testShowContextMenu();
            };
            axNode.scrollToMakeVisible();
        }

        function testShowContextMenu() {
            debug("\nTest accessiblecontextmenu");
            node = document.getElementById("combo");
            axNode = accessibilityController.accessibleElementById("combo");
            // DOM Level 1 event
            axNode.showMenu();
            // DOM Level 2 event
            node.onaccessiblecontextmenu = function() {
                contextMenuEventCallback();
                testSelect();
            };
            axNode.showMenu();
        }

        function testSelect() {
            debug("\nTest accessibleselect");
            node = document.getElementById("option");
            axNode = accessibilityController.accessibleElementById("group");
            // DOM Level 1 event
            axNode.setSelectedChildAtIndex(0);
            // DOM Level 2 event
            node.onaccessibleselect = function() {
                selectEventCallback();
                finishJSTest();
            }
            axNode.setSelectedChildAtIndex(0);
        }

    } else {
        testFailed("Could not load accessibility controller");
    }

</script>

<script src="../../resources/js-test-post.js"></script>
</body>
</html>