Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<!DOCTYPE html>
<html>
<head>
<title>Test HTML li and listitem bullet accessible cache</title>
<link rel="stylesheet" type="text/css"
<script type="application/javascript"
src="../common.js"></script>
<script type="application/javascript"
src="../role.js"></script>
<script type="application/javascript"
src="../events.js"></script>
<script type="application/javascript">
// //////////////////////////////////////////////////////////////////////////
// Helpers
function testLiAccessibleTree() {
// Test accessible tree.
var accTree = {
role: ROLE_LISTITEM,
children: [
{
role: ROLE_LISTITEM_MARKER,
children: [],
},
{
role: ROLE_TEXT_LEAF,
children: [],
},
],
};
testAccessibleTree("li", accTree);
}
// //////////////////////////////////////////////////////////////////////////
// Sequence item processors
function hideProcessor() {
this.liNode = getNode("li");
this.li = getAccessible(this.liNode);
this.bullet = this.li.firstChild;
this.process = function hideProcessor_process() {
this.liNode.style.display = "none";
};
this.onProcessed = function hideProcessor_onProcessed() {
window.setTimeout(
function(aLiAcc, aLiNode, aBulletAcc) {
testDefunctAccessible(aLiAcc, aLiNode);
testDefunctAccessible(aBulletAcc);
gSequence.processNext();
},
0, this.li, this.liNode, this.bullet
);
};
}
function showProcessor() {
this.liNode = getNode("li");
this.process = function showProcessor_process() {
this.liNode.style.display = "list-item";
};
this.onProcessed = function showProcessor_onProcessed() {
testLiAccessibleTree();
gSequence.processNext();
};
}
function textReplaceProcessor() {
this.liNode = getNode("li");
this.process = function textReplaceProcessor_process() {
this.liNode.textContent = "hey";
};
this.onProcessed = function textReplaceProcessor_onProcessed() {
var tree = {
LISTITEM: [
{ LISTITEM_MARKER: [] },
{ TEXT_LEAF: [] },
],
};
testAccessibleTree(this.liNode, tree);
SimpleTest.finish();
};
}
// //////////////////////////////////////////////////////////////////////////
// Test
// gA11yEventDumpToConsole = true;
var gSequence = null;
function doTest() {
testLiAccessibleTree();
gSequence = new sequence();
gSequence.append(new hideProcessor(), EVENT_HIDE, getAccessible("li"),
"hide HTML li");
gSequence.append(new showProcessor(), EVENT_SHOW, getNode("li"),
"show HTML li");
gSequence.append(new textReplaceProcessor(), EVENT_REORDER, getNode("li"),
"change text of HTML li");
gSequence.processNext(); // SimpleTest.finish() will be called in the end
}
SimpleTest.waitForExplicitFinish();
addA11yLoadEvent(doTest);
</script>
</head>
<body>
<a target="_blank"
title="setParent shouldn't be virtual"
<p id="display"></p>
<div id="content" style="display: none"></div>
<pre id="test">
</pre>
<ul>
<li id="li">item1</li>
</ul>
</body>
</html>