2012-09-17 06:00:39 +04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Broken context hierarchy</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css"
|
|
|
|
|
href="chrome://mochikit/content/tests/SimpleTest/test.css" />
|
|
|
|
|
|
|
|
|
|
<script type="application/javascript"
|
|
|
|
|
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">
|
2013-12-18 21:25:07 +04:00
|
|
|
/**
|
|
|
|
|
* Return true if TD element has a generic accessible.
|
|
|
|
|
*/
|
|
|
|
|
function isTDGeneric(aID)
|
|
|
|
|
{
|
|
|
|
|
return isAccessible(aID) && !isAccessible(aID, nsIAccessibleTableCell);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function checkIfNotAccessible(aID)
|
|
|
|
|
{
|
|
|
|
|
ok(!isAccessible(aID), "'" + aID + "' shouldn't be accessible");
|
|
|
|
|
}
|
|
|
|
|
function checkIfTDGeneric(aID)
|
|
|
|
|
{
|
|
|
|
|
ok(isTDGeneric(aID), "'" + aID + "' shouldn't have cell accessible");
|
|
|
|
|
}
|
|
|
|
|
|
2012-09-17 06:00:39 +04:00
|
|
|
function doTest()
|
|
|
|
|
{
|
2017-08-01 19:15:51 +03:00
|
|
|
// //////////////////////////////////////////////////////////////////////////
|
2012-09-17 06:00:39 +04:00
|
|
|
// HTML table elements outside table context.
|
|
|
|
|
|
2013-12-18 21:25:07 +04:00
|
|
|
// HTML table role="presentation"
|
|
|
|
|
checkIfNotAccessible("tr_in_presentation_table");
|
|
|
|
|
checkIfTDGeneric("th_in_presentation_table");
|
|
|
|
|
checkIfTDGeneric("td_in_presentation_table");
|
2012-09-17 06:00:39 +04:00
|
|
|
|
2013-12-18 21:25:07 +04:00
|
|
|
// HTML table role="button"
|
2012-09-17 06:00:39 +04:00
|
|
|
var tree =
|
|
|
|
|
{ PUSHBUTTON: [ // table
|
|
|
|
|
{ NOTHING: [ // tr
|
|
|
|
|
{ NOTHING: [ // th
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] },
|
|
|
|
|
{ NOTHING: [ // td
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] }
|
2012-11-30 11:33:01 +04:00
|
|
|
] }
|
2012-09-17 06:00:39 +04:00
|
|
|
] };
|
|
|
|
|
testAccessibleTree("button_table", tree);
|
|
|
|
|
|
2013-12-18 21:25:07 +04:00
|
|
|
// HTML table display:inline
|
|
|
|
|
checkIfNotAccessible("inline_table1");
|
|
|
|
|
checkIfNotAccessible("tr_in_inline_table1");
|
|
|
|
|
checkIfTDGeneric("td1_in_inline_table1");
|
|
|
|
|
checkIfTDGeneric("td2_in_inline_table1");
|
|
|
|
|
|
|
|
|
|
// HTML table display:inline inside table. We shouldn't be fooled
|
|
|
|
|
// by the outside table and shouldn't create table accessible and table cell
|
|
|
|
|
// accessible in this case.
|
|
|
|
|
checkIfNotAccessible("inline_table2");
|
|
|
|
|
checkIfNotAccessible("tr_in_inline_table2");
|
|
|
|
|
checkIfTDGeneric("td_in_inline_table2");
|
|
|
|
|
|
2017-07-04 16:27:02 +03:00
|
|
|
// HTML table display:block inside table.
|
2013-12-18 21:25:07 +04:00
|
|
|
checkIfNotAccessible("block_table");
|
|
|
|
|
checkIfNotAccessible("tr_in_block_table");
|
|
|
|
|
checkIfTDGeneric("td_in_block_table");
|
|
|
|
|
|
2017-08-01 19:15:51 +03:00
|
|
|
// //////////////////////////////////////////////////////////////////////////
|
2012-12-02 15:35:41 +04:00
|
|
|
// HTML list elements outside list context.
|
|
|
|
|
|
|
|
|
|
ok(!isAccessible("presentation_ul"),
|
|
|
|
|
"presentational ul shouldn't be accessible");
|
2014-11-21 17:13:32 +03:00
|
|
|
ok(isAccessible("item_in_presentation_ul"),
|
|
|
|
|
"li in presentational ul should have generic accessible");
|
|
|
|
|
ok(isAccessible("styleditem_in_presentation_ul"),
|
|
|
|
|
"list styled span in presentational ul should have generic accessible");
|
2012-12-02 15:35:41 +04:00
|
|
|
|
|
|
|
|
ok(!isAccessible("presentation_ol"),
|
|
|
|
|
"presentational ol shouldn't be accessible");
|
2014-11-21 17:13:32 +03:00
|
|
|
ok(isAccessible("item_in_presentation_ol"),
|
|
|
|
|
"li in presentational ol should have generic accessible");
|
2012-12-02 15:35:41 +04:00
|
|
|
|
|
|
|
|
ok(!isAccessible("presentation_dl"),
|
|
|
|
|
"presentational dl shouldn't be accessible");
|
|
|
|
|
ok(!isAccessible("dt_in_presentation_dl"),
|
|
|
|
|
"dt in presentational dl shouldn't be accessible");
|
|
|
|
|
ok(!isAccessible("dd_in_presentation_dl"),
|
|
|
|
|
"dd in presentational dl shouldn't be accessible");
|
|
|
|
|
|
|
|
|
|
tree =
|
|
|
|
|
{ PUSHBUTTON: [ // ul
|
|
|
|
|
{ NOTHING: [ // li
|
|
|
|
|
{ STATICTEXT: [ ] },
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] },
|
|
|
|
|
{ NOTHING: [ // span styled as a list
|
|
|
|
|
{ STATICTEXT: [ ] },
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] }
|
|
|
|
|
] };
|
|
|
|
|
testAccessibleTree("button_ul", tree);
|
|
|
|
|
|
|
|
|
|
tree =
|
|
|
|
|
{ PUSHBUTTON: [ // ol
|
|
|
|
|
{ NOTHING: [ // li
|
|
|
|
|
{ STATICTEXT: [ ] },
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] }
|
|
|
|
|
] };
|
|
|
|
|
testAccessibleTree("button_ol", tree);
|
|
|
|
|
|
|
|
|
|
tree =
|
|
|
|
|
{ PUSHBUTTON: [ // dl
|
|
|
|
|
{ NOTHING: [ // dt
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] },
|
|
|
|
|
{ NOTHING: [ // dd
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] }
|
|
|
|
|
] };
|
|
|
|
|
testAccessibleTree("button_dl", tree);
|
|
|
|
|
|
2017-08-01 19:15:51 +03:00
|
|
|
// //////////////////////////////////////////////////////////////////////////
|
2012-09-17 06:00:39 +04:00
|
|
|
// Styled as HTML table elements, accessible is created by tag name
|
|
|
|
|
|
|
|
|
|
tree =
|
|
|
|
|
{ LINK: [ // a
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] };
|
|
|
|
|
testAccessibleTree("a_as_td", tree);
|
|
|
|
|
|
|
|
|
|
tree =
|
|
|
|
|
{ HEADING: [
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] };
|
|
|
|
|
testAccessibleTree("h1_as_td", tree);
|
|
|
|
|
testAccessibleTree("h2_as_td", tree);
|
|
|
|
|
testAccessibleTree("h3_as_td", tree);
|
|
|
|
|
testAccessibleTree("h4_as_td", tree);
|
|
|
|
|
testAccessibleTree("h5_as_td", tree);
|
|
|
|
|
testAccessibleTree("h6_as_td", tree);
|
|
|
|
|
|
|
|
|
|
SimpleTest.finish();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
|
addA11yLoadEvent(doTest);
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<a target="_blank"
|
|
|
|
|
href="https://bugzilla.mozilla.org/show_bug.cgi?id=706849"
|
|
|
|
|
title="Create accessible by tag name as fallback if table descendant style is used out of table context">
|
2013-12-18 21:25:07 +04:00
|
|
|
Bug 706849
|
2012-09-17 06:00:39 +04:00
|
|
|
</a>
|
2012-12-02 15:35:41 +04:00
|
|
|
<a target="_blank"
|
|
|
|
|
href="https://bugzilla.mozilla.org/show_bug.cgi?id=804461"
|
|
|
|
|
title="Build the context dependent tree ">
|
2013-12-18 21:25:07 +04:00
|
|
|
Bug 804461
|
|
|
|
|
</a>
|
|
|
|
|
<a target="_blank"
|
|
|
|
|
href="https://bugzilla.mozilla.org/show_bug.cgi?id=945435"
|
|
|
|
|
title="Create generic accessible for td to not jamm the cell text">
|
|
|
|
|
Bug 945435
|
2012-12-02 15:35:41 +04:00
|
|
|
</a>
|
2012-09-17 06:00:39 +04:00
|
|
|
<p id="display"></p>
|
|
|
|
|
<div id="content" style="display: none"></div>
|
|
|
|
|
<pre id="test">
|
|
|
|
|
</pre>
|
|
|
|
|
|
|
|
|
|
<!-- HTML table elements out of table -->
|
|
|
|
|
<table role="presentation">
|
|
|
|
|
<tr id="tr_in_presentation_table">
|
|
|
|
|
<th id="th_in_presentation_table">not a header</th>
|
|
|
|
|
<td id="td_in_presentation_table">not a cell</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
<table role="button" id="button_table">
|
|
|
|
|
<tr id="tr_in_button_table">
|
|
|
|
|
<th id="th_in_button_table">not a header</th>
|
|
|
|
|
<td id="td_in_button_table">not a cell</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
|
2013-12-18 21:25:07 +04:00
|
|
|
<table id="inline_table1" border="1" style="display:inline">
|
|
|
|
|
<tr id="tr_in_inline_table1">
|
|
|
|
|
<td id="td1_in_inline_table1">table1 cell1</td>
|
|
|
|
|
<td id="td2_in_inline_table1">table1 cell2</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
<table id="table_containing_inlinetable"><tr><td>
|
|
|
|
|
<table id="inline_table2" border="1" style="display:inline">
|
|
|
|
|
<tr id="tr_in_inline_table2">
|
|
|
|
|
<td id="td_in_inline_table2">cell</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</td></tr></table>
|
|
|
|
|
|
|
|
|
|
<table>
|
|
|
|
|
<tr>
|
|
|
|
|
<td style="display:block">
|
|
|
|
|
<table id="block_table" style="display:inline">
|
|
|
|
|
<tr id="tr_in_block_table">
|
|
|
|
|
<td id="td_in_block_table">cell0</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</td>
|
|
|
|
|
<td>cell1</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
|
2012-12-02 15:35:41 +04:00
|
|
|
<!-- HTML list elements out of list -->
|
|
|
|
|
<ul role="presentation" id="presentation_ul">
|
|
|
|
|
<li id="item_in_presentation_ul">item</li>
|
|
|
|
|
<span id="styleditem_in_presentation_ul"
|
|
|
|
|
style="display:list-item">Oranges</span>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<ol role="presentation" id="presentation_ol">
|
|
|
|
|
<li id="item_in_presentation_ol">item</li>
|
|
|
|
|
</ol>
|
|
|
|
|
|
|
|
|
|
<dl role="presentation" id="presentation_dl">
|
|
|
|
|
<dt id="dt_in_presentation_dl">term</dt>
|
|
|
|
|
<dd id="dd_in_presentation_dl">definition</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
|
|
|
|
|
<ul role="button" id="button_ul">
|
|
|
|
|
<li id="item_in_button_ul">item</li>
|
|
|
|
|
<span id="styleditem_in_button_ul"
|
|
|
|
|
style="display:list-item">Oranges</span>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<ol role="button" id="button_ol">
|
|
|
|
|
<li id="item_in_button_ul">item</li>
|
|
|
|
|
</ol>
|
|
|
|
|
|
|
|
|
|
<dl role="button" id="button_dl">
|
|
|
|
|
<dt id="dt_in_button_dl">term</ld>
|
|
|
|
|
<dd id="dd_in_button_dl">definition</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
|
2012-09-17 06:00:39 +04:00
|
|
|
<!-- styled as HTML table elements -->
|
|
|
|
|
<a id="a_as_td" style="display:table-cell;" href="http://www.google.com">Google</a>
|
|
|
|
|
<h1 id="h1_as_td" style="display: table-cell;">h1</h1>
|
|
|
|
|
<h2 id="h2_as_td" style="display: table-cell;">h2</h2>
|
|
|
|
|
<h3 id="h3_as_td" style="display: table-cell;">h3</h3>
|
|
|
|
|
<h4 id="h4_as_td" style="display: table-cell;">h4</h4>
|
|
|
|
|
<h5 id="h5_as_td" style="display: table-cell;">h5</h5>
|
|
|
|
|
<h6 id="h6_as_td" style="display: table-cell;">h6</h6>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
