<!DOCTYPE HTML>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<div role="treeitem" id="treeitem-uncheckable">Uncheckable</div>
<div role="treeitem" id="treeitem-false" aria-checked="false">Not checked</div>
<div role="treeitem" id="treeitem-true" aria-checked="true">Checked</div>
<div role="treeitem" id="treeitem-mixed" aria-checked="mixed">Mixed</div>
<script>
function axElementById(id) {
return accessibilityController.accessibleElementById(id);
}
test(function(t) {
var treeItem = axElementById("treeitem-uncheckable");
assert_equals(treeItem.checked, "");
}, "A tree item with no aria-checked has no checked property");
test(function(t) {
var treeItem = axElementById("treeitem-false");
assert_equals(treeItem.checked, "false");
}, "A tree item with aria-checked=false has checked=false");
test(function(t) {
var treeItem = axElementById("treeitem-true");
assert_equals(treeItem.checked, "true");
}, "A tree item with aria-checked=true has checked=true");
test(function(t) {
var treeItem = axElementById("treeitem-mixed");
assert_equals(treeItem.checked, "mixed");
}, "A tree item with aria-checked=mixed has checked=mixed");
</script>