aria-attribute-reflection.tentative.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/dom/aria-attribute-reflection.tentative.html - WPT Dashboard Interop Dashboard

<!DOCTYPE HTML>

<meta charset="utf-8" />

<title>Element Reflection for ARIA properties</title>

<link rel=help href="https://wicg.github.io/aom/spec/aria-reflection.html">

<link rel="author" title="Meredith Lane" href="meredithl@chromium.org">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script>

function testNullable(element, jsAttr, contentAttr) {

    var originalValue = element[jsAttr];

    assert_false(originalValue === null);

    element[jsAttr] = null;

    assert_equals(element[jsAttr], null);

    assert_false(element.hasAttribute(contentAttr));

    // Setting to undefined results in same state as setting to null.

    element[jsAttr] = originalValue;

    element[jsAttr] = undefined;

    assert_equals(element[jsAttr], null);

    assert_false(element.hasAttribute(contentAttr));

</script>

<!-- tentative -->

<div id="colindextext" aria-colindextext="x"></div>

<script>

test(function(t) {

    var element = document.getElementById("colindextext");

    assert_equals(element.ariaColIndexText, "x");

    element.ariaColIndexText = "y";

    assert_equals(element.getAttribute("aria-colindextext"), "y");

    testNullable(element, "ariaColIndexText", "aria-colindextext");

}, "aria-colindextext attribute reflects.");

</script>

<!-- tentative -->

<div id="description" aria-description="cold as ice"></div>

<script>

test(function(t) {

    var element = document.getElementById("description");

    assert_equals(element.ariaDescription, "cold as ice");

    element.ariaDescription = "hot as fire";

    assert_equals(element.getAttribute("aria-description"), "hot as fire");

    testNullable(element, "ariaDescription", "aria-description");

}, "aria-description attribute reflects.");

</script>

<!-- tentative -->

<div id="rowindextext" aria-rowindextext="x"></div>

<script>

    test(function(t) {

        var element = document.getElementById("rowindextext");

        assert_equals(element.ariaRowIndexText, "x");

        element.ariaRowIndexText = "y";

        assert_equals(element.getAttribute("aria-rowindextext"), "y");

        testNullable(element, "ariaRowIndexText", "aria-rowindextext");

    }, "aria-rowindextext attribute reflects.");

</script>

</html>