Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<?xml version="1.0"?>
type="text/css"?>
title="Accessible XUL tree hierarchy tests">
<script type="application/javascript"
src="../treeview.js" />
<script type="application/javascript"
src="../common.js" />
<script type="application/javascript"
src="../role.js" />
<script type="application/javascript"
src="../events.js" />
<script type="application/javascript">
<![CDATA[
////////////////////////////////////////////////////////////////////////////
// Accessible tree testers
function getTreeItemAccTree(aTableRole, acolumnCount) {
let treeItemRole;
switch (aTableRole) {
case ROLE_LIST:
treeItemRole = ROLE_LISTITEM;
break;
case ROLE_OUTLINE:
treeItemRole = ROLE_OUTLINEITEM;
break;
case ROLE_TABLE: case ROLE_TREE_TABLE:
treeItemRole = ROLE_ROW;
break;
}
const accTree = {
role: treeItemRole,
children: []
};
if (aTableRole == ROLE_TABLE || aTableRole == ROLE_TREE_TABLE) {
for (let idx = 0; idx < acolumnCount; idx++) {
const cellAccTree = {
role: ROLE_GRID_CELL,
children: []
};
accTree.children.push(cellAccTree);
}
}
return accTree;
}
function testAccessibleTreeFor(aTree, aRole) {
const accTreeForColumns = {
role: ROLE_LIST,
children: []
};
const accTreeForTree = {
role: aRole,
children: [
accTreeForColumns
]
};
const view = aTree.view;
const columnCount = aTree.columns.count;
for (let idx = 0; idx < columnCount; idx++)
accTreeForColumns.children.push({ COLUMNHEADER: [ ] });
if (!aTree.hasAttribute("hidecolumnpicker")) {
accTreeForColumns.children.push({ PUSHBUTTON: [ ] });
accTreeForColumns.children.push({ MENUPOPUP: [ ] });
}
for (let idx = 0; idx < view.rowCount; idx++)
accTreeForTree.children.push(getTreeItemAccTree(aRole, columnCount));
testAccessibleTree(aTree, accTreeForTree);
}
////////////////////////////////////////////////////////////////////////////
// Test
async function doTest() {
for (let [id, view, role] of [
["list", new nsTableTreeView(3), ROLE_LIST],
["tree", new nsTreeTreeView(), ROLE_OUTLINE],
["table", new nsTableTreeView(3), ROLE_TABLE],
["treetable", new nsTreeTreeView(), ROLE_TREE_TABLE],
]) {
const domNode = getNode(id);
const reordered = waitForEvent(EVENT_REORDER, domNode);
domNode.view = view;
await reordered;
testAccessibleTreeFor(domNode, role);
}
SimpleTest.finish();
}
SimpleTest.waitForExplicitFinish();
addA11yLoadEvent(doTest);
]]>
</script>
<hbox flex="1" style="overflow: auto;">
<a target="_blank"
title="Reorganize implementation of XUL tree accessibility">
</a><br/>
<p id="display"></p>
<div id="content" style="display: none">
</div>
<pre id="test">
</pre>
</body>
<vbox flex="1">
<tree id="list" flex="1" hidecolumnpicker="true">
<treecols>
<treecol id="col" flex="1" hideheader="true"/>
</treecols>
<treechildren/>
</tree>
<tree id="tree" flex="1">
<treecols>
<treecol id="col" flex="1" primary="true" label="column"/>
</treecols>
<treechildren/>
</tree>
<tree id="table" flex="1">
<treecols>
<treecol id="col1" flex="1" label="column"/>
<treecol id="col2" flex="1" label="column 2"/>
</treecols>
<treechildren/>
</tree>
<tree id="treetable" flex="1">
<treecols>
<treecol id="col1" flex="1" primary="true" label="column"/>
<treecol id="col2" flex="1" label="column 2"/>
</treecols>
<treechildren/>
</tree>
<vbox id="debug"/>
</vbox>
</hbox>
</window>