<html>
    <head>
        <style>
            div {
                width: 9999px;
                height: 9999px;
            }
        </style>
        <script src="../../../resources/js-test-pre.js"></script>
        <script>
            var scroller;
            function runTest() {
                description('Tests scrollTo/By(x,y) and scrollTo/By(scrollOptions) on the body in quirks mode.');
                
                scroller = document.body;
                setTimeout(function() {
                    scroller.scrollTo(20, 500);
                    shouldBe("scroller.scrollLeft", "20");
                    shouldBe("scroller.scrollTop", "500");
                    shouldBe("window.scrollX", "20");
                    shouldBe("window.scrollY", "500");

                    scroller.scrollBy(50, 60);
                    shouldBe("scroller.scrollLeft", "70");
                    shouldBe("scroller.scrollTop", "560");
                    shouldBe("window.scrollX", "70");
                    shouldBe("window.scrollY", "560");

                    scroller.scrollTo({ 'left' : 100, 'top' : 400 });
                    shouldBe("scroller.scrollLeft", "100");
                    shouldBe("scroller.scrollTop", "400");
                    shouldBe("window.scrollX", "100");
                    shouldBe("window.scrollY", "400");

                    scroller.scrollTo(0, 0);

                    finishJSTest();
                }, 0);
            }
            var jsTestIsAsync = true;
        </script>
    </head>
    <body onload="runTest()">
        <div>
        </div>
        <script src="../../../resources/js-test-post.js"></script>
    </body>
</html>