| <!DOCTYPE HTML> |
| <script src="../resources/gc.js"></script> |
| <script src="../resources/testharness.js"></script> |
| <script src="../resources/testharnessreport.js"></script> |
| |
| <!-- |
| |
| Accessibility Object Model |
| Explainer: https://github.com/WICG/aom/blob/master/explainer.md |
| Spec: https://wicg.github.io/aom/spec/ |
| |
| --> |
| |
| <div id="no-int-props" role="button">Click me!</div> |
| |
| <div id="list" role="list"> |
| <div id="listitem" role="listitem" aria-setSize="10" aria-posinset="3"></div> |
| </div> |
| |
| <script> |
| |
| test(function(t) { |
| assert_true(internals.runtimeFlags.accessibilityObjectModelEnabled); |
| }, "Make sure that Accessibility Object Model is enabled"); |
| |
| promise_test(async function(test) { |
| var element = document.getElementById("no-int-props"); |
| computedAXNode = await window.getComputedAccessibleNode(element); |
| assert_equals(computedAXNode.role, "button"); |
| assert_equals(computedAXNode.colCount, null); |
| assert_equals(computedAXNode.colIndex, null); |
| assert_equals(computedAXNode.colSpan, null); |
| assert_equals(computedAXNode.level, null); |
| assert_equals(computedAXNode.posInSet, null); |
| assert_equals(computedAXNode.rowCount, null); |
| assert_equals(computedAXNode.rowIndex, null); |
| assert_equals(computedAXNode.rowSpan, null); |
| assert_equals(computedAXNode.setSize, null); |
| }, "computedAccessibleNode has nullable int properties."); |
| |
| promise_test(async function(test) { |
| var listitem = document.getElementById("listitem"); |
| computedAXNode = await window.getComputedAccessibleNode(listitem); |
| assert_equals(computedAXNode.posInSet, 3); |
| assert_equals(computedAXNode.setSize, 10); |
| }, "computedAccessibleNode.setSize and computedAccessibleNode.posInSet"); |
| |
| </script> |
| |
| <div id="first-heading" role="heading" aria-level="1">Satu</div> |
| <div id="second-heading" role="heading" aria-level="2">Dua</div> |
| <div id="third-heading" role="heading" aria-level="2">Tiga</div> |
| |
| <script> |
| |
| promise_test(async function(test) { |
| var heading1 = document.getElementById("first-heading"); |
| var heading2 = document.getElementById("second-heading"); |
| var heading3 = document.getElementById("third-heading"); |
| computedAXNode1 = await window.getComputedAccessibleNode(heading1); |
| computedAXNode2 = await window.getComputedAccessibleNode(heading2); |
| computedAXNode3 = await window.getComputedAccessibleNode(heading3); |
| |
| assert_equals(computedAXNode1.level, 1); |
| assert_equals(computedAXNode2.level, 2); |
| assert_equals(computedAXNode3.level, 2); |
| }, "computedAccessibleNode.level"); |
| |
| // TODO(meredithl): add in tests for (col | row) * (index | index | span) |
| |
| </script> |
