<!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>