<html>
<head>
    <style>
        ::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }
    </style>
    <script>
      window.enablePixelTesting = true;

      function scrollViaJavascript() {
          var scaleFactor = 2.0;
          if (window.internals) {
             window.internals.setPageScaleFactor(scaleFactor, 0, 0);
          }

          // The page scale, as set by window.internals.setPageScaleFactor should not be apparent
          // to javascript. So, we expect scrolling to (100,100) to be page coordinates, rather
          // than device pixels.
          document.scrollingElement.scrollLeft = 100;
          document.scrollingElement.scrollTop = 100;

          shouldBe("window.document.scrollingElement.scrollTop", "100");
          shouldBe("window.document.scrollingElement.scrollLeft", "100");
          shouldBe("window.scrollX", "100");
          shouldBe("window.scrollY", "100");
      }

      function scrollViaSetScaleFactor() {
          if (window.internals) {
              // Test that the scroll offset changes even if scaleFactor remains
              // the same.
              window.internals.setPageScaleFactor(1, 30, 30);
              shouldBe("window.document.scrollingElement.scrollTop", "30");
              shouldBe("window.document.scrollingElement.scrollLeft", "30");
          }
      }

      function test() {
          scrollViaSetScaleFactor();
          scrollViaJavascript();
      }
    </script>
    <script src="../../resources/js-test-pre.js"></script>
</head>
<body style="width:2000px; height:2000px; margin:0px;" onload="test();">
    <div style="left:0; top:0; width:100px; height:100px; position:absolute; background:yellow;"></div>
    <div style="left:100px; top:0; width:100px; height:100px; position:absolute; background:green;"></div>
    <div style="left:200px; top:0; width:100px; height:100px; position:absolute; background:blue;"></div>

    <div style="left:0; top:100px; width:100px; height:100px; position:absolute; background: green;"></div>
    <div style="left:100px; top:100px; width:100px; height:100px; position:absolute; background:blue;"></div>
    <div style="left:200px; top:100px; width:100px; height:100px; position:absolute; background:yellow;"></div>

    <div id="console"></div>
</body>
</html>
