LayoutTests/accessibility/base-select-search-predicate.html

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/accessibility-helper.js"></script>
<script src="../resources/js-test.js"></script>
<style>
select, select::picker(select) {
    appearance: base-select;
}
</style>
</head>
<body>

<select id="select">
    <option id="option1">Alpha</option>
    <option id="option2" selected>Bravo</option>
    <option id="option3">Charlie</option>
</select>

<script>
var output = "This test verifies that base-appearance select menu items are discoverable via the accessibility search predicate API (used by Voice Control to generate numbered overlays).\n\n";

function expectMenuItem(axElement, expectedText) {
    var result = "";
    result += expect("(" + axElement + ").role.toLowerCase().includes('menuitem')", "true");
    window._menuItemText = platformTextAlternatives(eval(axElement));
    result += _menuItemText + "\n";
    result += expect("_menuItemText.includes('" + expectedText + "')", "true");
    return result;
}

if (window.accessibilityController) {
    window.jsTestIsAsync = true;

    var select = accessibilityController.accessibleElementById("select");

    setTimeout(async function() {
        // Open the picker so menu items are on screen.
        select.press();
        output += await expectAsync("select.isExpanded", "true");

        var webArea = accessibilityController.rootElement.childAtIndex(0);

        // Search for controls with visibleOnly=true, mimicking what Voice Control does.
        output += "\n--- Search for controls should find the select and its menu items ---\n";
        var controls = [];
        var result = null;
        for (var i = 0; i < 20; i++) {
            result = webArea.uiElementForSearchPredicate(
                result,
                /* isDirectionNext */ true,
                "AXControlSearchKey",
                /* searchText */ "",
                /* visibleOnly */ true,
                /* immediateDescendantsOnly */ false
            );
            if (!result)
                break;
            controls.push(result);
        }

        window.foundMenuItems = controls.filter(function(element) {
            return element.role.toLowerCase().includes("menuitem");
        });
        output += expect("foundMenuItems.length", "3");
        output += expectMenuItem("foundMenuItems[0]", "Alpha");
        output += expectMenuItem("foundMenuItems[1]", "Bravo");
        output += expectMenuItem("foundMenuItems[2]", "Charlie");

        // Close the picker.
        select.press();
        output += await expectAsync("select.isExpanded", "false");

        debug(output);
        finishJSTest();
    }, 0);
}
</script>
</body>
</html>