| <!DOCTYPE html> |
| <html> |
| <body id="body"> |
| <script src="../resources/js-test-pre.js"></script> |
| <div id="content"> |
| |
| <div id="test" data="some data"> |
| <div id="firstChild"></div> |
| <div id="secondChild"></div> |
| <div id="thirdChild"></div> |
| </div> |
| |
| <p id="description"></p> |
| <div id="console"></div> |
| |
| <script> |
| |
| description("This tests ARIA IDL Attribute Reflection."); |
| |
| var element = document.getElementById("test"); |
| var data = element.getAttribute("data"); |
| var otherData = "other data"; |
| var currentProperty; |
| var currentAttribute; |
| |
| function isElementReflectionProperty(property) { |
| switch (property) { |
| case "ariaActiveDescendantElement": |
| case "ariaErrorMessageElement": |
| return true; |
| } |
| return false; |
| } |
| |
| function isElementsArrayReflectionProperty(property) { |
| switch (property) { |
| case "ariaControlsElements": |
| case "ariaDescribedByElements": |
| case "ariaDetailsElements": |
| case "ariaFlowToElements": |
| case "ariaLabelledByElements": |
| case "ariaOwnsElements": |
| return true; |
| } |
| return false; |
| } |
| |
| function convertPropertyToAttribute(property) { |
| if (isElementReflectionProperty(property)) |
| property = property.replace("Element", ""); |
| else if (isElementsArrayReflectionProperty(property)) |
| property = property.replace("Elements", ""); |
| return property.replace("aria", "aria-").toLowerCase(); |
| } |
| |
| function getDataProperty(property) { |
| if (isElementReflectionProperty(property)) |
| return firstChild; |
| else if (isElementsArrayReflectionProperty(property)) |
| return [firstChild, secondChild]; |
| return data; |
| } |
| |
| function getDataAttribute(property) { |
| if (isElementReflectionProperty(property)) |
| return firstChild.id; |
| else if (isElementsArrayReflectionProperty(property)) |
| return firstChild.id + " " + secondChild.id; |
| return data; |
| } |
| |
| function getOtherDataProperty(property) { |
| if (isElementReflectionProperty(property)) |
| return secondChild; |
| else if (isElementsArrayReflectionProperty(property)) |
| return [thirdChild]; |
| return otherData; |
| } |
| |
| function getOtherDataAttribute(property) { |
| if (isElementReflectionProperty(property)) |
| return secondChild.id; |
| else if (isElementsArrayReflectionProperty(property)) |
| return thirdChild.id; |
| return otherData; |
| } |
| |
| function testElement() { |
| currentAttribute = convertPropertyToAttribute(currentProperty); |
| |
| debug("\nTest " + currentProperty + " < - > " + currentAttribute); |
| shouldBeNull("element[currentProperty]"); |
| shouldBeNull("element.getAttribute(currentAttribute)"); |
| |
| // Set the property value |
| dataProperty = getDataProperty(currentProperty); |
| dataAttribute = getDataAttribute(currentProperty); |
| element[currentProperty] = dataProperty; |
| shouldBe("element.getAttribute(currentAttribute)", "dataAttribute"); |
| |
| // Set the attribute value |
| otherDataProperty = getOtherDataProperty(currentProperty); |
| otherDataAttribute = getOtherDataAttribute(currentProperty); |
| debug("element.setAttribute(\"" + currentAttribute + "\", otherData);"); |
| element.setAttribute(currentAttribute, otherDataAttribute); |
| shouldBe("element[currentProperty]", "otherDataProperty"); |
| } |
| |
| function testRole() { |
| currentProperty = "role"; |
| testElement(); |
| } |
| |
| if (window.accessibilityController) { |
| |
| testRole(); |
| |
| // There are 46 ARIA attributes in total. |
| var count = 0; |
| for (var propertyName in element) { |
| if (propertyName.startsWith("aria")) { |
| currentProperty = propertyName; |
| testElement(); |
| count++; |
| } |
| } |
| |
| debug("\n"); |
| shouldBe("count", "46"); |
| |
| } else { |
| testFailed("Could not load accessibility controller"); |
| } |
| |
| </script> |
| |
| <script src="../resources/js-test-post.js"></script> |
| </body> |
| </html> |
