| <!DOCTYPE html> |
| <script src="../resources/js-test.js"></script> |
| <script src="../resources/accessibility-helper.js"></script> |
| <ul id="target1" role="menubar"> |
| <li id="descendant1" role="menuitem">a</li> |
| </ul> |
| <ul id="target2" role="menubar"> |
| <li id="descendant2" role="menuitem">b</li> |
| </ul> |
| <ul id="target3" role="menubar"> |
| <li id="descendant3" role="menuitem">c</li> |
| </ul> |
| |
| <script> |
| description("Checks that element reflection is exposed to the a11y tree for 'ariaActiveDescendantElement'"); |
| if (!window.accessibilityController) { |
| debug("This test requires accessibilityController"); |
| } else { |
| window.jsTestIsAsync = true |
| |
| var ax = accessibilityController; |
| var axTarget1, axTarget2, axDescendant2, axDescendantFirstChild, axTarget3, axDescendant3; |
| var output = ""; |
| setTimeout(function() { |
| target1.ariaActiveDescendantElement = descendant1; |
| axTarget1 = accessibilityController.accessibleElementById("target1"); |
| axDescendant1 = accessibilityController.accessibleElementById("descendant1"); |
| output += expect("axTarget1.selectedChildrenCount", "1"); |
| output += expect("axTarget1.selectedChildAtIndex(0).isEqual(axDescendant1)", "true"); |
| target2.ariaActiveDescendantElement = descendant2; |
| target2.setAttribute("aria-activedescendant", "descendant2"); |
| axTarget2 = accessibilityController.accessibleElementById("target2"); |
| axDescendant2 = accessibilityController.accessibleElementById("descendant2"); |
| axDescendantFirstChild = axTarget2.childAtIndex(0); |
| output += expect("axTarget2.selectedChildrenCount", "1"); |
| output += expect("axTarget2.selectedChildAtIndex(0).isEqual(axDescendantFirstChild)", "true"); |
| |
| target2.setAttribute("aria-activedescendant", "descendant2"); |
| output += expect("axTarget2.selectedChildrenCount", "1"); |
| output += expect("axTarget2.selectedChildAtIndex(0).isEqual(axDescendant2)", "true"); |
| |
| target3.ariaActiveDescendantElement = descendant3; |
| descendant3.id = "descendant3-new"; |
| axTarget3 = accessibilityController.accessibleElementById("target3"); |
| axDescendant3 = accessibilityController.accessibleElementById("descendant3-new"); |
| output += expect("axTarget3.selectedChildrenCount", "1"); |
| output += expect("axTarget3.selectedChildAtIndex(0).isEqual(axDescendant3)", "true"); |
| debug(output); |
| finishJSTest(); |
| }, 0); |
| } |
| </script> |
