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)
{
var 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;
}
var accTree = {
role: treeItemRole,
children: []
};
if (aTableRole == ROLE_TABLE || aTableRole == ROLE_TREE_TABLE) {
for (var idx = 0; idx < acolumnCount; idx++) {
var cellAccTree = {
role: ROLE_GRID_CELL,
children: []
};
accTree.children.push(cellAccTree);
}
}
return accTree;
}
function testAccessibleTreeFor(aTree, aRole)
{
var accTreeForColumns = {
role: ROLE_LIST,
children: []
};
var accTreeForTree = {
role: aRole,
children: [
accTreeForColumns
]
};
var view = aTree.view;
var 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);
}
/**
* Event queue invoker object to test accessible tree for XUL tree element.
*/
function treeChecker(aID, aView, aRole)
{
this.DOMNode = getNode(aID);
this.invoke = function invoke()
{
this.DOMNode.view = aView;
}
this.check = function check()
{
testAccessibleTreeFor(this.DOMNode, aRole);
}
this.getID = function getID()
{
return "Tree testing of " + aID;
}
}
////////////////////////////////////////////////////////////////////////////
// Test
// gA11yEventDumpID = "debug";
var gQueue = null;
function doTest()
{
gQueue = new eventQueue(EVENT_REORDER);
gQueue.push(new treeChecker("list", new nsTableTreeView(3), ROLE_LIST));
gQueue.push(new treeChecker("tree", new nsTreeTreeView(), ROLE_OUTLINE));
gQueue.push(new treeChecker("table", new nsTableTreeView(3), ROLE_TABLE));
gQueue.push(new treeChecker("treetable", new nsTreeTreeView(), ROLE_TREE_TABLE));
gQueue.invoke(); // Will call 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>