LayoutTests/accessibility/mac/iframe-nested-scroll-position.html

<!DOCTYPE html>
<html>
<head>
<script src="../../resources/accessibility-helper.js"></script>
<script src="../../resources/js-test.js"></script>
<style>
body {
    margin: 0;
}
#container {
    position: absolute;
    top: 50px;
    left: 10px;
}
iframe {
    width: 300px;
    height: 200px;
    border: none;
}
</style>
</head>
<body>

<div id="container">
    <iframe id="outer-iframe" onload="runTest()" src="data:text/html,
        <body style='margin:0; height:600px'>
            <div id='inner-container' style='position:absolute; top:50px'>
                <iframe id='inner-iframe' style='width:280px; height:150px; border:none'
                    src='data:text/html,<body style=&quot;margin:0; height:500px&quot;><button id=&quot;target&quot; style=&quot;width:80px; height:30px; position:absolute; top:300px&quot;>Click me</button></body>'>
                </iframe>
            </div>
        </body>
    "></iframe>
</div>

<script>
window.jsTestIsAsync = true;

var output = "This test verifies that scrolling a nested iframe correctly updates the screen position of elements within it.\n\n";

var target, initialY, scrolledY, delta;
function runTest() {
    if (!window.accessibilityController)
        return;

    setTimeout(async function() {
        await waitForIframeAccessibilityReady("container", "target");
        target = await waitForIframeAccessibilityReady("inner-container", "target");
        initialY = target.y;

        // Scroll the inner iframe's content down by 200px.
        document.getElementById("outer-iframe").contentWindow
            .document.getElementById("inner-iframe").contentWindow
            .scrollTo(0, 200);

        // Wait for the element's screen position to reflect the scroll.
        await waitFor(() => {
            target = accessibilityController.accessibleElementById("target");
            return target && target.y !== initialY;
        });

        scrolledY = target.y;
        delta = scrolledY - initialY;
        output += expectNumber("delta", 200, /* Allowed variance */ 5);

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