blob: 038f2d6d141114743ca3c3272fe25dbf6ba17116 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/js-test-pre.js"></script>
</head>
<body id="body">
<div id="content">
<ol id="list1" test-description="Ordered list is a list." is-list="true">
<li>item</li>
<li>item</li>
</ol>
<ol id="list2" test-description="Empty ordered list is not a list." is-list="false">
</ol>
<dl id="list3" test-description="Empty description list is not a list." is-list="false">
</dl>
<dl id="list4" test-description="Description list is a list." is-list="true">
<li>item</li>
<li>item</li>
</dl>
<div id="list5" role="list" test-description="ARIA role=list is a list." is-list="true">
<div role="listitem">item</div>
<div role="listitem">item</div>
</div>
<div id="list6" role="list" test-description="Empty ARIA list is not a list." is-list="false">
</div>
<div id="list7" role="list" test-description="ARIA list with one item is a list." is-list="true">
<div role="listitem">item</div>
</div>
<ul id="list8" test-description="Default styled Unordered list is a list, because it shows markers." is-list="true">
<li>item</li>
<li>item</li>
</ul>
<ul id="list9" style="list-style-type: none;" test-description="Unordered list with more than 1 item and no style is not a list." is-list="false">
<li>item</li>
<li>item</li>
</ul>
<ul id="list10" style="list-style-type: none;" test-description="Unordered list with 1 item and no style is not list." is-list="false">
<li>item</li>
</ul>
<ul id="list11" test-description="List with non list item children is not a list" is-list="false">
<div>item</div>
</ul>
<ul id="list12" style="list-style-image: url('test.gif');" test-description="Unordered list with image for markers is a list - even if image fails to load." is-list="true">
<li>item</li>
<li>item</li>
</ul>
<ul id="list13" role="list" test-description="Unordered list with aria role and at least one aria list items is a list." is-list="true">
<div role="listitem">item</div>
<div>item</div>
</ul>
<ul id="list14" role="list" test-description="Inline list elements with an aria role should be a list" is-list="true" style="display: table;">
<li role="listitem" style="display: inline-block;">Item 1</li>
<li role="listitem" style="display: inline-block;">Item 2</li>
<li role="listitem" style="display: inline-block;">Item 3</li>
<li role="listitem" style="display: inline-block;">Item 4</li>
</ul>
</div>
<p id="description"></p>
<div id="console"></div>
<script>
description("This tests the heuristic to determine if a 'list' is really a list, or just being used for layout.");
if (window.accessibilityController) {
var k = 1;
while (document.getElementById("list" + k)) {
var element = document.getElementById("list" + k);
var axElement = accessibilityController.accessibleElementById("list" + k);
debug(element.getAttribute("test-description"));
if (element.getAttribute("id") == "list4" && accessibilityController.platformName == "atk") {
shouldBeTrue("axElement.role == 'AXRole: AXDescriptionList'")
}
else if (element.getAttribute("is-list") === "true") {
shouldBeTrue("axElement.role == 'AXRole: AXList'");
} else {
shouldBeFalse("axElement.role == 'AXRole: AXList'");
}
debug("\n");
k++;
}
document.getElementById("content").style.visibility = "hidden";
}
</script>
<script src="../resources/js-test-post.js"></script>
</body>
</html>