LayoutTests/accessibility/mac/webkit-scrollarea-position.html

<!DOCTYPE html>
<html>
<head>
<script src="../../resources/accessibility-helper.js"></script>
<script src="../../resources/js-test.js"></script>
</head>
<body>

<div tabindex="0" id="text1">text</div>
<img src="resources/cake.png" width="5000" height="5000">
<br>
<div tabindex="0" id="text2">text</div>

<script>
window.jsTestIsAsync = true;

var output = "This test verifies that the scroll area (viewport) and web area have correct screen positions, and that the scroll area position remains fixed after scrolling.\n\n";

var scroll, web, initialScrollY, initialWebY;
if (window.accessibilityController) {
    setTimeout(async () => {
        await waitForFrameGeometryReady();

        // Ensure scroll position is at the top.
        document.getElementById("text1").focus();

        scroll = accessibilityController.rootElement;
        web = scroll.childAtIndex(0);

        output += expect("scroll.role", "'AXRole: AXScrollArea'");
        output += expect("web.role", "'AXRole: AXWebArea'");

        initialScrollY = scroll.y;
        initialWebY = web.y;

        // Scroll down by focusing an element at the bottom of the page.
        document.getElementById("text2").focus();

        // Wait for the scroll-triggered position update.
        await waitFor(() => web.y !== initialWebY);

        // The scroll area (viewport) should have a fixed screen position
        // regardless of scroll.
        output += expect("scroll.y", "initialScrollY");
        // The web area (content) position should change after scrolling.
        // In bottom-left screen coordinates, scrolling down shifts the content
        // origin up (higher y value).
        output += expect("web.y > initialWebY", "true");

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