<html>
<head>
<script>
function test() 
{
    if (!window.testRunner)
        return;

    if (window.testRunner)
        testRunner.dumpAsText();

    // 1st test: iframes scrolled to top, top level document scrolled to bottom
    // pageup in innermost iframe should scroll top level document up
    window[0][0].scrollTo(0,0);
    window[0].scrollTo(0,0);
    window.scrollTo(0, document.body.offsetHeight);
    var oldScrollTop = document.scrollingElement.scrollTop;
    var focus1 = window[0][0].document.getElementById("focus1");
    focus1.focus();    
    eventSender.keyDown("pageUp");
    var test1Passed = false;
    if (document.scrollingElement.scrollTop < oldScrollTop)
        test1Passed = true;

    // 2nd test: iframes scrolled to bottom, top level document scrolled to top
    // pagedown in innermost iframe should scroll top level document down
    window[0][0].scrollTo(0,window[0][0].document.body.offsetHeight);
    window[0].scrollTo(0,window[0].document.body.offsetHeight);
    window.scrollTo(0, 0);
    oldScrollTop = document.scrollingElement.scrollTop
    var focus2 = window[0][0].document.getElementById("focus2");
    focus2.focus();
    eventSender.keyDown("pageDown");
    var test2Passed = false;
    if (document.scrollingElement.scrollTop > oldScrollTop)
        test2Passed = true;

    printResults(test1Passed, test2Passed);
}

function printResults(test1Passed, test2Passed) 
{
    var console = document.createElement("div");
    if (test1Passed)
        console.innerHTML = "PASSED test 1";
    else
        console.innerHTML = "FAILED test 1";
    console.innerHTML += "<br>";
    if (test2Passed)
        console.innerHTML += "PASSED test 2";
    else
        console.innerHTML += "FAILED test 2";

    document.body.appendChild(console);
        
}
</script>
</head>
<body onload="window.resizeTo(500,587); test();">
<div id="testDiv">
top
<br>
<div style="height:200px"></div>
<iframe id="frame" width="450px" height="235px" src="./resources/iframe-scroll-page-up-down-1.html"></iframe>
<div style="height:200px"></div>
bottom
</div>
</body>
</html>
