| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../resources/js-test.js"></script> |
| <script src="../resources/accessibility-helper.js"></script> |
| </head> |
| <body> |
| |
| <div id="content"> |
| <div id="role-document-container" role="document"> |
| <div id="outer-group" role="group" aria-label="Outer group label"> |
| <div id="inner-group" role="group" aria-label="Inner group label"> |
| Some text |
| </div> |
| </div> |
| </div> |
| |
| <div id="role-web-application-container" role="application"> |
| </div> |
| |
| <div role="application"> |
| <div id="application-document-container" role="document"> |
| </div> |
| </div> |
| |
| <dl> |
| <dd id="description-definition-container"></dd> |
| </dl> |
| |
| <dl> |
| <dt id="description-term-container"></dt> |
| </dl> |
| |
| <table> |
| <thead> |
| <tr> |
| <th colspan="2">The table header</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td id="td-table-cell"></td> |
| <span id="span-table-cell" role="cell"></span> |
| </tr> |
| </tbody> |
| </table> |
| |
| <div id="role-group-container" role="group"> |
| </div> |
| </div> |
| |
| <script> |
| description("This test ensures accessibility elements properly track their ancestor types."); |
| var element; |
| |
| async function shouldBeForAllDescendants(startElementId, expectedPropertyValues) { |
| debug(`Verifying ${JSON.stringify(expectedPropertyValues)} for all descendants of ${startElementId}.`); |
| |
| let elementsToCheck = [await waitForElementById(startElementId)]; |
| while (elementsToCheck.length) { |
| element = elementsToCheck.pop(); |
| if (!element) |
| continue; |
| |
| let elementChildCount = element.childrenCount; |
| for (let i = 0; i < elementChildCount; i++) { |
| elementsToCheck.push(element.childAtIndex(i)); |
| } |
| |
| for (const [property, expectedValue] of Object.entries(expectedPropertyValues)) { |
| shouldBe(`element.${property}`, expectedValue); |
| } |
| } |
| debug(`Finished verifying ${JSON.stringify(expectedPropertyValues)} for all descendants of ${startElementId}.`); |
| debug(""); |
| } |
| |
| if (window.accessibilityController) { |
| window.jsTestIsAsync = true; |
| const outerGroupId = "outer-group"; |
| |
| setTimeout(async function() { |
| // The outer-group starts as a child of the document-role container. |
| await shouldBeForAllDescendants(outerGroupId, { |
| "hasWebApplicationAncestor": "false", |
| "hasDocumentRoleAncestor": "true" |
| }); |
| |
| document.getElementById("role-group-container").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, {"hasDocumentRoleAncestor": "false"}); |
| |
| document.getElementById("role-web-application-container").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, { |
| "hasWebApplicationAncestor": "true", |
| "hasDocumentRoleAncestor": "false" |
| }); |
| |
| document.getElementById("role-group-container").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, { |
| "hasWebApplicationAncestor": "false", |
| "hasDocumentRoleAncestor": "false" |
| }); |
| |
| document.getElementById("application-document-container").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, { |
| "hasWebApplicationAncestor": "true", |
| "hasDocumentRoleAncestor": "true" |
| }); |
| |
| document.getElementById("role-group-container").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, { |
| "hasWebApplicationAncestor": "false", |
| "hasDocumentRoleAncestor": "false" |
| }); |
| |
| document.getElementById("description-definition-container").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, { |
| "hasWebApplicationAncestor": "false", |
| "hasDocumentRoleAncestor": "false", |
| "isInDescriptionListDetail": "true" |
| }); |
| |
| document.getElementById("description-term-container").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, { |
| "hasWebApplicationAncestor": "false", |
| "hasDocumentRoleAncestor": "false", |
| "isInDescriptionListDetail": "false", |
| "isInDescriptionListTerm": "true" |
| }); |
| |
| document.getElementById("role-group-container").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, { |
| "isInDescriptionListTerm": "false", |
| "isInCell": "false" |
| }); |
| |
| document.getElementById("td-table-cell").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, { |
| "isInCell": "true" |
| }); |
| |
| document.getElementById("role-group-container").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, { |
| "isInCell": "false" |
| }); |
| |
| document.getElementById("span-table-cell").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, { |
| "isInCell": "true" |
| }); |
| |
| document.getElementById("role-group-container").appendChild(document.getElementById(outerGroupId)); |
| await shouldBeForAllDescendants(outerGroupId, { |
| "hasWebApplicationAncestor": "false", |
| "hasDocumentRoleAncestor": "false", |
| "isInDescriptionListDetail": "false", |
| "isInDescriptionListTerm": "false", |
| "isInCell": "false" |
| }); |
| |
| document.getElementById("content").style.visibility = "hidden"; |
| finishJSTest(); |
| }, 0); |
| } |
| </script> |
| </body> |
| </html> |
| |
