aria-hidden-select.html | Explore in Territory

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
</head>
<body>
<select aria-hidden="true" id="container">
<option>A</option>
<option selected="selected">B</option>
</select>

<script>
test((t) => {
    var container = accessibilityController.accessibleElementById("container");
    assert_equals(container.childrenCount, 1);
    var popup = container.childAtIndex(0);
    assert_equals(popup.childrenCount, 2);
    var option1 = popup.childAtIndex(0);
    assert_equals(option1.name, "A");
    var option2 = popup.childAtIndex(1);
    assert_equals(option2.name, "B");
}, "This tests that the aria-hidden attribute on the SELECT element works \
correctly with accessibility. Even though the SELECT element is aria-hidden, \
it and its children should appear in the accessibility tree since it is \
focusable.");

</script>

</body>
</html>

chromium/third_party/blink/web_tests/accessibility/aria-hidden-select.html