View All Attachments for Bug 161612

Attachment #287981
Testcase	text/html	2016-09-05 13:37:28 PDT	2.26 KB	no flags	Details

<html>
    <head>
        <style>
            html {
                background-image: repeating-linear-gradient(white, silver 100px, white 100px);
                height: 2000px;
                overflow: hidden;
            }
            body {
                overflow-y: scroll;
                height: 500px;
                border: 2px solid green;
                padding: 5px;
            }
            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 an independently-scrollable body');
                
                scroller = document.body;
                setTimeout(function() {
                    scroller.scrollTop = 500;
                    shouldBe("scroller.scrollTop", "500");

                    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.scrollTop = 0;

                    finishJSTest();
                }, 0);
            }
            var jsTestIsAsync = true;
        </script>
    </head>
    <body onload="runTest()">
        <div>
        </div>
        <script src="../../../resources/js-test-post.js"></script>
    </body>
</html>

Attachment #348909
Testcase	text/html	2018-09-05 06:55:04 PDT	770 bytes	no flags	Details

<html>
  <head>
    <style>
      html {
        background-image: repeating-linear-gradient(white, silver 100px, white 100px);
        height: 2000px;
        overflow: hidden;
      }
      body {
        overflow-y: scroll;
        height: 500px;
        border: 2px solid green;
        padding: 5px;
      }
      div {
        width: 9999px;
        height: 9999px;
      }
    </style>
    <script>
      function runTest() {
        scroller = document.body;
        setTimeout(function() {
          scroller.scrollTop = 500;
          shouldBe("scroller.scrollTop", "500");
          scroller.scrollTo(20, 500);
          scroller.scrollTop = 0;
        }, 0);
      }
    </script>
  </head>
  <body onload="runTest()">
    <div>
    </div>
  </body>
</html>