<
html>
<
head>
<
title>states of document
article</
title>
<
link rel=
"stylesheet" type=
"text/css"
href=
"chrome://mochikit/content/tests/SimpleTest/test.css" />
<
script src=
"chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></
script>
<
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">
function doTest() {
var docAcc = getAccessible(document, [nsIAccessibleDocument]);
if (docAcc) {
testStates(docAcc, STATE_READONLY);
testStates(
"aria_article", STATE_READONLY);
testStates(
"editable_aria_article", 0, EXT_STATE_EDITABLE,
STATE_READONLY);
testStates(
"article", STATE_READONLY);
testStates(
"editable_article", 0, EXT_STATE_EDITABLE, STATE_READONLY);
document.designMode =
"on";
testStates(docAcc, 0, EXT_STATE_EDITABLE, STATE_READONLY);
testStates(
"aria_article", 0, EXT_STATE_EDITABLE, STATE_READONLY);
testStates(
"editable_aria_article", 0, EXT_STATE_EDITABLE, STATE_READONLY);
testStates(
"article", 0, EXT_STATE_EDITABLE, STATE_READONLY);
testStates(
"editable_article", 0, EXT_STATE_EDITABLE, STATE_READONLY);
document.designMode =
"off";
testStates(docAcc, STATE_READONLY);
testStates(
"aria_article", STATE_READONLY);
testStates(
"editable_aria_article", 0, EXT_STATE_EDITABLE, STATE_READONLY);
testStates(
"article", STATE_READONLY);
testStates(
"editable_article", 0, EXT_STATE_EDITABLE, STATE_READONLY);
}
SimpleTest.finish();
}
SimpleTest.waitForExplicitFinish();
addA11yLoadEvent(doTest);
</
script>
</
head>
<
body role=
"article">
<a target=
"_blank"
href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=467387"
title=
"Expose non-editable documents as readonly, regardless of role">
Mozilla Bug 467387
</a><
br/>
<a target=
"_blank"
href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=613502"
title=
"Map like we do aria role article">
Mozilla Bug 613502
</a>
<p id=
"display"></p>
<
div id=
"content" style=
"display: none"></
div>
<
pre id=
"test">
</
pre>
<
div id=
"aria_article" role=
"article">aria
article</
div>
<
div id=
"editable_aria_article" role=
"article" contentEditable=
"true">
editable aria
article</
div>
<
article id=
"article">
article</
article>
<
article id=
"editable_article" contentEditable=
"true">
editable
article</
article>
</
body>
</
html>