<html>
    <head>
        <style>
            body {
                height: 10000px;
            }
            #bottom-bar {
                position: fixed;
                height: 120px;
                width: 100%;
                background-color: green;
                bottom: 0;
                left: 0;
            }
            /* This fixed element does not cover the entire width and should be ignored. */
            #ignored-right {
                position: fixed;
                width: 20px;
                height: 5000px;
                background-color: red;
                right: 0;
                top: 0;
            }
            /* This fixed element does not cover an edge and should be ignored. */
            #ignored-center {
                position: fixed;
                width: 100%;
                height: 150px;
                background-color: red;
                left: 0;
                top: 50%;
            }
        </style>
        <script src="../resources/js-test-pre.js"></script>
    </head>
    <body>
        <div id="bottom-bar"></div>
        <div id="ignored-right"></div>
        <div id="ignored-center"></div>
        <script>
            description("Test that scrolling backward by page excludes the area taken by fixed element covering the full width.");

            jsTestIsAsync = true;

            var failTimeoutId;
            function test() {
                if (window.eventSender) {
                    // Force the first layout to avoid the suppressed scrollbar cases.
                    scratch = document.documentElement.offsetWidth;
                    scrollBy(0, 1000);

                    // Avoid special cases for being "onload".
                    setTimeout(function() {
                        eventSender.keyDown(' ', ['shiftKey']);
                    } , 0);

                    failTimeoutId = setTimeout(function() {
                        testFailed("The scrollview failed to scroll in response to the event.");
                        debug("window.scrollY = " + window.scrollY + " excepted value around " + (1000 - (window.innerHeight - 120)));
                        finishJSTest();
                    }, 1000);
                }
            }

            window.addEventListener("scroll", function() {
                if (window.scrollY == 1000 - (window.innerHeight - 120)) {
                    testPassed("Scrolled to " + window.scrollY);
                    clearTimeout(failTimeoutId);
                    finishJSTest();
                }
            })
            window.addEventListener("load", test);
        </script>
        <script src="../resources/js-test-post.js"></script>
    </body>
</html>