Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
"use strict";
// Test that inspector markup view has all expected ARIA properties set and
// updated.
const TOP_CONTAINER_LEVEL = 3;
add_task(async function () {
const { inspector } = await openInspectorForURL(`
data:text/html;charset=utf-8,
<h1>foo</h1>
<span>bar</span>
<dl>
<dt></dt>
</dl>`);
const markup = inspector.markup;
const doc = markup.doc;
const win = doc.defaultView;
const rootElt = markup.getContainer(markup._rootNode).elt;
const bodyContainer = await getContainerForSelector("body", inspector);
const spanContainer = await getContainerForSelector("span", inspector);
const headerContainer = await getContainerForSelector("h1", inspector);
const listContainer = await getContainerForSelector("dl", inspector);
// Focus on the tree element.
rootElt.focus();
// Test tree related semantics
is(
rootElt.getAttribute("role"),
"tree",
"Root container should have tree semantics"
);
is(
rootElt.getAttribute("aria-dropeffect"),
"none",
"By default root container's drop effect should be set to none"
);
is(
rootElt.getAttribute("aria-activedescendant"),
bodyContainer.tagLine.getAttribute("id"),
"Default active descendant should be set to body"
);
is(
parseInt(bodyContainer.tagLine.getAttribute("aria-level"), 10),
TOP_CONTAINER_LEVEL - 1,
"Body container tagLine should have nested level up to date"
);
[spanContainer, headerContainer, listContainer].forEach(container => {
const treeitem = container.tagLine;
is(
treeitem.getAttribute("role"),
"treeitem",
"Child container tagLine elements should have tree item semantics"
);
is(
parseInt(treeitem.getAttribute("aria-level"), 10),
TOP_CONTAINER_LEVEL,
"Child container tagLine should have nested level up to date"
);
is(
treeitem.getAttribute("aria-grabbed"),
"false",
"Child container should be draggable but not grabbed by default"
);
is(
container.children.getAttribute("role"),
"group",
"Container with children should have its children element have group " +
"semantics"
);
ok(treeitem.id, "Tree item should have id assigned");
if (container.closeTagLine) {
is(
container.closeTagLine.getAttribute("role"),
"presentation",
"Ignore closing tag"
);
}
if (container.expander) {
is(
container.expander.getAttribute("role"),
"presentation",
"Ignore expander"
);
}
});
// Test expanding/expandable semantics
ok(
!spanContainer.tagLine.hasAttribute("aria-expanded"),
"Non expandable tree items should not have aria-expanded attribute"
);
ok(
!headerContainer.tagLine.hasAttribute("aria-expanded"),
"Non expandable tree items should not have aria-expanded attribute"
);
is(
listContainer.tagLine.getAttribute("aria-expanded"),
"false",
"Closed tree item should have aria-expanded unset"
);
info("Selecting and expanding list container");
await selectNode("dl", inspector);
EventUtils.synthesizeKey("VK_RIGHT", {}, win);
await waitForMultipleChildrenUpdates(inspector);
is(
rootElt.getAttribute("aria-activedescendant"),
listContainer.tagLine.getAttribute("id"),
"Active descendant should not be set to list container tagLine"
);
is(
listContainer.tagLine.getAttribute("aria-expanded"),
"true",
"Open tree item should have aria-expanded set"
);
const listItemContainer = await getContainerForSelector("dt", inspector);
is(
parseInt(listItemContainer.tagLine.getAttribute("aria-level"), 10),
TOP_CONTAINER_LEVEL + 1,
"Grand child container tagLine should have nested level up to date"
);
is(
listItemContainer.children.getAttribute("role"),
"presentation",
"Container with no children should have its children element ignored by " +
"accessibility"
);
info("Collapsing list container");
EventUtils.synthesizeKey("VK_LEFT", {}, win);
await waitForMultipleChildrenUpdates(inspector);
is(
listContainer.tagLine.getAttribute("aria-expanded"),
"false",
"Closed tree item should have aria-expanded unset"
);
});