LayoutTests/accessibility/mac/local-frame-input-selection-notification.html

<!DOCTYPE HTML>
<html>
<head>
<script src="../../resources/accessibility-helper.js"></script>
<script src="../../resources/js-test.js"></script>
<style>
iframe {
    width: 200px;
    height: 100px;
    border: none;
}
</style>
</head>
<body>

<div id="container">
    <iframe id="iframe" title="CVV Input" onload="runTest()" src="../resources/local-frame-text-input.html"></iframe>
</div>

<script>
var output = "Ensures a caret/selection move inside a text input in an in-process (local) iframe posts AXSelectedTextChanged on the main-frame web area. Regression test for VoiceOver character navigation being silent inside a local iframe: the child frame's selection change was posted only on the child frame's own web area, never on the main web area (the document text-selection context VoiceOver tracks), so nothing was announced.\n";

window.jsTestIsAsync = true;

var mainWebArea;
var receivedSelectionChangedOnMainWebArea = false;

function notificationCallback(element, notificationName) {
    if (notificationName !== "AXSelectedTextChanged")
        return;

    // With the fix, a selection change inside the local child frame is also posted on this (main) frame's
    // web area. Without it, the notification is posted only on the child frame's own web area and never
    // reaches the main web area here, so the test times out.
    if (!receivedSelectionChangedOnMainWebArea && element && mainWebArea && element.isEqual(mainWebArea)) {
        receivedSelectionChangedOnMainWebArea = true;
        output += expect("receivedSelectionChangedOnMainWebArea", "true");
        accessibilityController.removeNotificationListener();
        debug(output);
        finishJSTest();
    }
}

function runTest() {
    if (!window.accessibilityController)
        return;

    setTimeout(async function() {
        await waitForIframeAccessibilityReady("container", "cvv");

        mainWebArea = accessibilityController.rootElement.childAtIndex(0);
        accessibilityController.addNotificationListener(notificationCallback);

        // Put content in the iframe's input, focus it, then move the caret. The selection change happens
        // inside the child frame; the fix relays AXSelectedTextChanged up to the main web area. Deferred
        // so we don't dirty the selection in the middle of AX notification dispatch.
        var input = document.getElementById("iframe").contentDocument.getElementById("cvv");
        input.value = "123";
        input.focus();
        setTimeout(() => { input.setSelectionRange(1, 3); }, 0);
    }, 0);
}
</script>
</body>
</html>