LayoutTests/accessibility/base-select-option-border-radius-path.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;
}
option {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>
</head>
<body>

<div id="content">
<select id="select">
    <option id="opt1">Alpha</option>
    <option id="opt2" selected>Bravo</option>
    <option id="opt3">Charlie</option>
</select>
</div>

<script>
var output = "This test verifies that base-appearance select options with border-radius correctly support AXPath.\n\n";

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

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

    setTimeout(async function() {
        // Open the select to render the options.
        select.press();
        output += await expectAsync("select.isExpanded", "true");

        // Paths are cached during paint in the isolated tree. Wait for them to become available.
        await waitUntilIDHasPathWith("opt1", 1, "Curve to");

        output += expect("pathSegmentCountOfID('opt1', 'Curve to') > 0", "true");
        output += expect("pathSegmentCountOfID('opt2', 'Curve to') > 0", "true");
        output += expect("pathSegmentCountOfID('opt3', 'Curve to') > 0", "true");

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

        document.getElementById("content").style.visibility = "hidden";
        debug(output);
        finishJSTest();
    }, 0);
}
</script>
</body>
</html>