Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<!DOCTYPE html>
<html>
<head>
<title>Test document root content mutations</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="../states.js"></script>
<script type="application/javascript"
src="../events.js"></script>
<script type="application/javascript">
// //////////////////////////////////////////////////////////////////////////
// Helpers
function getDocNode(aID) {
return getNode(aID).contentDocument;
}
function getDocChildNode(aID) {
return getDocNode(aID).body.firstChild;
}
function rootContentReplaced(aID, aTextName, aRootContentRole) {
this.eventSeq = [
new invokerChecker(EVENT_SHOW, getDocChildNode, aID),
new invokerChecker(EVENT_REORDER, getDocNode, aID),
];
this.finalCheck = function rootContentReplaced_finalCheck() {
var tree = {
role: aRootContentRole || ROLE_DOCUMENT,
children: [
{
role: ROLE_TEXT_LEAF,
name: aTextName,
},
],
};
testAccessibleTree(getDocNode(aID), tree);
};
}
function rootContentRemoved(aID) {
this.eventSeq = [
new invokerChecker(EVENT_HIDE, null),
new invokerChecker(EVENT_REORDER, getDocNode, aID),
];
this.preinvoke = function rootContentRemoved_preinvoke() {
// Set up target for hide event before we invoke.
var text = getAccessible(getAccessible(getDocNode(aID)).firstChild);
this.eventSeq[0].target = text;
};
this.finalCheck = function rootContentRemoved_finalCheck() {
var tree = {
role: ROLE_DOCUMENT,
children: [ ],
};
testAccessibleTree(getDocNode(aID), tree);
};
}
function rootContentInserted(aID, aTextName) {
this.eventSeq = [
new invokerChecker(EVENT_SHOW, getDocChildNode, aID),
new invokerChecker(EVENT_REORDER, getDocNode, aID),
];
this.finalCheck = function rootContentInserted_finalCheck() {
var tree = {
role: ROLE_DOCUMENT,
children: [
{
role: ROLE_TEXT_LEAF,
name: aTextName,
},
],
};
testAccessibleTree(getDocNode(aID), tree);
};
}
// //////////////////////////////////////////////////////////////////////////
// Invokers
function writeIFrameDoc(aID) {
this.__proto__ = new rootContentReplaced(aID, "hello");
this.invoke = function writeIFrameDoc_invoke() {
var docNode = getDocNode(aID);
// We can't use open/write/close outside of iframe document because of
// security error.
var script = docNode.createElement("script");
script.textContent = "document.open(); document.write('hello'); document.close();";
docNode.body.appendChild(script);
};
this.getID = function writeIFrameDoc_getID() {
return "write document";
};
}
/**
* Replace HTML element.
*/
function replaceIFrameHTMLElm(aID) {
this.eventSeq = [
new invokerChecker(EVENT_SHOW, getDocChildNode, aID),
new invokerChecker(EVENT_REORDER, getDocNode, aID),
];
this.invoke = function replaceIFrameHTMLElm_invoke() {
var docNode = getDocNode(aID);
var newHTMLNode = docNode.createElement("html");
newHTMLNode.innerHTML = `<body><p>New Wave</p></body`;
docNode.replaceChild(newHTMLNode, docNode.documentElement);
};
this.finalCheck = function replaceIFrameHTMLElm_finalCheck() {
var tree = {
role: ROLE_DOCUMENT,
children: [
{
role: ROLE_PARAGRAPH,
children: [
{
role: ROLE_TEXT_LEAF,
name: "New Wave",
},
],
},
],
};
testAccessibleTree(getDocNode(aID), tree);
};
this.getID = function replaceIFrameHTMLElm_getID() {
return "replace HTML element";
};
}
/**
* Replace HTML body on new body having ARIA role.
*/
function replaceIFrameBody(aID) {
this.__proto__ = new rootContentReplaced(aID, "New Hello");
this.invoke = function replaceIFrameBody_invoke() {
var docNode = getDocNode(aID);
var newBodyNode = docNode.createElement("body");
var newTextNode = docNode.createTextNode("New Hello");
newBodyNode.appendChild(newTextNode);
docNode.documentElement.replaceChild(newBodyNode, docNode.body);
};
this.getID = function replaceIFrameBody_getID() {
return "replace body";
};
}
/**
* Replace HTML body on new body having ARIA role.
*/
function replaceIFrameBodyOnARIARoleBody(aID) {
this.__proto__ = new rootContentReplaced(aID, "New Hello",
ROLE_APPLICATION);
this.invoke = function replaceIFrameBodyOnARIARoleBody_invoke() {
var docNode = getDocNode(aID);
var newBodyNode = docNode.createElement("body");
var newTextNode = docNode.createTextNode("New Hello");
newBodyNode.appendChild(newTextNode);
newBodyNode.setAttribute("role", "application");
docNode.documentElement.replaceChild(newBodyNode, docNode.body);
};
this.getID = function replaceIFrameBodyOnARIARoleBody_getID() {
return "replace body on body having ARIA role";
};
}
/**
* Open/close document pair.
*/
function openIFrameDoc(aID) {
this.__proto__ = new rootContentRemoved(aID);
this.invoke = function openIFrameDoc_invoke() {
this.preinvoke();
// Open document.
var docNode = getDocNode(aID);
var script = docNode.createElement("script");
script.textContent = "function closeMe() { document.write('Works?'); document.close(); } window.closeMe = closeMe; document.open();";
docNode.body.appendChild(script);
};
this.getID = function openIFrameDoc_getID() {
return "open document";
};
}
function closeIFrameDoc(aID) {
this.__proto__ = new rootContentInserted(aID, "Works?");
this.invoke = function closeIFrameDoc_invoke() {
// Write and close document.
getDocNode(aID).write("Works?"); getDocNode(aID).close();
};
this.getID = function closeIFrameDoc_getID() {
return "close document";
};
}
/**
* Remove/insert HTML element pair.
*/
function removeHTMLFromIFrameDoc(aID) {
this.__proto__ = new rootContentRemoved(aID);
this.invoke = function removeHTMLFromIFrameDoc_invoke() {
this.preinvoke();
// Remove HTML element.
var docNode = getDocNode(aID);
docNode.firstChild.remove();
};
this.getID = function removeHTMLFromIFrameDoc_getID() {
return "remove HTML element";
};
}
function insertHTMLToIFrameDoc(aID) {
this.__proto__ = new rootContentInserted(aID, "Haha");
this.invoke = function insertHTMLToIFrameDoc_invoke() {
// Insert HTML element.
var docNode = getDocNode(aID);
var html = docNode.createElement("html");
var body = docNode.createElement("body");
var text = docNode.createTextNode("Haha");
body.appendChild(text);
html.appendChild(body);
docNode.appendChild(html);
};
this.getID = function insertHTMLToIFrameDoc_getID() {
return "insert HTML element document";
};
}
/**
* Remove/insert HTML body pair.
*/
function removeBodyFromIFrameDoc(aID) {
this.__proto__ = new rootContentRemoved(aID);
this.invoke = function removeBodyFromIFrameDoc_invoke() {
this.preinvoke();
// Remove body element.
var docNode = getDocNode(aID);
docNode.documentElement.removeChild(docNode.body);
};
this.getID = function removeBodyFromIFrameDoc_getID() {
return "remove body element";
};
}
function insertElmUnderDocElmWhileBodyMissed(aID) {
this.docNode = null;
this.inputNode = null;
function getInputNode() { return this.inputNode; }
this.eventSeq = [
new invokerChecker(EVENT_SHOW, getInputNode.bind(this)),
new invokerChecker(EVENT_REORDER, getDocNode, aID),
];
this.invoke = function invoke() {
this.docNode = getDocNode(aID);
this.inputNode = this.docNode.createElement("input");
this.docNode.documentElement.appendChild(this.inputNode);
};
this.finalCheck = function finalCheck() {
var tree =
{ DOCUMENT: [
{ ENTRY: [ ] },
] };
testAccessibleTree(this.docNode, tree);
// Remove aftermath of this test before next test starts.
this.docNode.documentElement.removeChild(this.inputNode);
};
this.getID = function getID() {
return "Insert element under document element while body is missed.";
};
}
function insertBodyToIFrameDoc(aID) {
this.__proto__ = new rootContentInserted(aID, "Yo ho ho i butylka roma!");
this.invoke = function insertBodyToIFrameDoc_invoke() {
// Insert body element.
var docNode = getDocNode(aID);
var body = docNode.createElement("body");
var text = docNode.createTextNode("Yo ho ho i butylka roma!");
body.appendChild(text);
docNode.documentElement.appendChild(body);
};
this.getID = function insertBodyToIFrameDoc_getID() {
return "insert body element";
};
}
function changeSrc(aID) {
this.containerNode = getNode(aID);
this.eventSeq = [
new invokerChecker(EVENT_REORDER, this.containerNode),
];
this.invoke = function changeSrc_invoke() {
this.containerNode.src = "data:text/html,<html><input></html>";
};
this.finalCheck = function changeSrc_finalCheck() {
var tree =
{ INTERNAL_FRAME: [
{ DOCUMENT: [
{ ENTRY: [ ] },
] },
] };
testAccessibleTree(this.containerNode, tree);
};
this.getID = function changeSrc_getID() {
return "change src on iframe";
};
}
// //////////////////////////////////////////////////////////////////////////
// Test
// gA11yEventDumpToConsole = true;
// enableLogging('tree,verbose');
var gQueue = null;
function doTest() {
gQueue = new eventQueue();
gQueue.push(new writeIFrameDoc("iframe"));
gQueue.push(new replaceIFrameHTMLElm("iframe"));
gQueue.push(new replaceIFrameBody("iframe"));
gQueue.push(new openIFrameDoc("iframe"));
gQueue.push(new closeIFrameDoc("iframe"));
gQueue.push(new removeHTMLFromIFrameDoc("iframe"));
gQueue.push(new insertHTMLToIFrameDoc("iframe"));
gQueue.push(new removeBodyFromIFrameDoc("iframe"));
gQueue.push(new insertElmUnderDocElmWhileBodyMissed("iframe"));
gQueue.push(new insertBodyToIFrameDoc("iframe"));
gQueue.push(new changeSrc("iframe"));
gQueue.push(new replaceIFrameBodyOnARIARoleBody("iframe"));
gQueue.invoke(); // SimpleTest.finish() will be called in the end
}
SimpleTest.waitForExplicitFinish();
addA11yLoadEvent(doTest);
</script>
</head>
<body>
<a target="_blank"
title="Update accessible tree when root element is changed"
<a target="_blank"
title="Elements inserted outside the body aren't accessible"
<a target="_blank"
title="Reorder event for document must be fired after document initial tree creation"
<a target="_blank"
title="Changing the HTML body doesn't pick up ARIA role"
<p id="display"></p>
<div id="content" style="display: none"></div>
<pre id="test">
</pre>
<iframe id="iframe"></iframe>
<div id="eventdump"></div>
</body>
</html>