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

<button id="button">button</button>
<div contenteditable="true" id="contenteditable">current</div>
<div id="combobox" role="combobox" aria-expanded="false" aria-label="Test"></div>
<input id="slider" type="range">
<div id="scroller" aria-valuenow="55" role="scrollbar" onaccessiblesetvalue="domLevel1Callback(event)">scrollbar</div>

</div>

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

<script>

    description("This tests accessiblesetvalue event.");

    if (window.accessibilityController) {
       jsTestIsAsync = true;
       
       var node;
       var axNode;
       var receivedAXEvent = false;
       
       testCombobox();
       
       function testCanSetValue() {
           debug("\nTest that accessiblesetvalue event can only be dispatched to nodes that support setting their values.");
           node = document.getElementById("button");
           axNode = accessibilityController.accessibleElementById("button");
           node.onaccessiblesetvalue = function(event) {
              receivedAXEvent = true;
              debug("This shouldn't be reached.");
           };
           axNode.setValue("test value");
           
           setTimeout(
               function(){
                   shouldBeFalse("receivedAXEvent");
                   finishJSTest();
               }, 
               50);
       }
       
       function testCombobox() {
           debug("\nTest Combobox."); 
           node = document.getElementById("combobox");
           axNode = accessibilityController.accessibleElementById("combobox");
           node.onaccessiblesetvalue = function(event) {
              debug("combobox accessible set value to: " + event.value);
              testContenteditable();
           };
           axNode.setValue("combobox new value");
       }
       
       function testContenteditable() {
           debug("\nTest Contenteditable."); 
           node = document.getElementById("contenteditable");
           axNode = accessibilityController.accessibleElementById("contenteditable");
           node.onaccessiblesetvalue = function(event) {
              debug("contenteditable accessible set value to: " + event.value);
              testSlider();
           };
           axNode.setValue("contenteditable new value");
       }
       
       function testSlider() {
           debug("\nTest Slider."); 
           node = document.getElementById("slider");
           axNode = accessibilityController.accessibleElementById("slider");
           node.onaccessiblesetvalue = function(event) {
              debug("slider accessible set value to: " + event.value);
              testDOMLevel1Event();
           };
           axNode.setValue("70");
       }

       function domLevel1Callback(event) {
           debug("scroller accessible set value to: " + event.value);
           document.getElementById("scroller").removeAttribute("onaccessiblesetvalue");
           testScrollbar();
       }

       function testDOMLevel1Event() {
           debug("\nTest DOM Level 1 event."); 
           axNode = accessibilityController.accessibleElementById("scroller");
           axNode.setValue("70");
       }
       
       function testScrollbar() {
           debug("\nTest Scrollbar."); 
           node = document.getElementById("scroller");
           axNode = accessibilityController.accessibleElementById("scroller");
           node.onaccessiblesetvalue = function(event) {
              debug("scroller accessible set value to: " + event.value);
              testCanSetValue();
           };
           axNode.setValue("60");
       }

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

</script>

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