third_party/WebKit/LayoutTests/fast/scroll-behavior/main-frame-scrollBy.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     #content {
   6       width: 7500px;
   7       height: 7500px;
   8       background-color: blue;
   9     }
  10   </style>
  11   <script src="../../resources/testharness.js"></script>
  12   <script src="../../resources/testharnessreport.js"></script>
  13   <script src="resources/scroll-behavior-test.js"></script>
  14   <script type="text/javascript">
  15     function getEndPosition(testCase, startPosition) {
  16       var endPosition = {};
  17       if (testCase.x)
  18         endPosition.x = startPosition.x + testCase.x;
  19       else
  20         endPosition.x = startPosition.x;
  21
  22       if (testCase.y)
  23         endPosition.y = startPosition.y + testCase.y;
  24       else
  25         endPosition.y = startPosition.y;
  26       return endPosition;
  27     }
  28
  29     function jsScroll(testCase) {
  30       if (testCase.js) {
  31         var scrollToOptions = {behavior: testCase.js};
  32         if (testCase.x)
  33           scrollToOptions.left = testCase.x;
  34         if (testCase.y)
  35           scrollToOptions.top = testCase.y
  36         window.scrollBy(scrollToOptions);
  37       } else {
  38         window.scrollBy(testCase.x, testCase.y);
  39       }
  40     }
  41
  42     const testScrolls = [
  43       {js: "instant", css: "auto", x: 1, y: 2},
  44       {js: "instant", css: "smooth", x: 2, y: 3},
  45       {js: "auto", css: "auto", x: 3, y: 4},
  46       {js: "", css: "auto", x: 4, y: 5},
  47       {js: "auto", css: "auto", x: 3},
  48       {js: "auto", css: "auto", y: 4},
  49       {js: "auto", css: "auto"},
  50       {js: "smooth", css: "auto", waitForEnd: true, x: 10, y: 15},
  51       {js: "smooth", css: "smooth", waitForEnd: true, x: 20, y: 25},
  52       {js: "auto", css: "smooth", waitForEnd: true, x: 30, y: 35},
  53       {js: "", css: "smooth", waitForEnd: true, x: 40, y: 45},
  54       {js: "auto", css: "smooth", waitForEnd: true, x: -30},
  55       {js: "auto", css: "smooth", waitForEnd: true, y: -35},
  56       {js: "smooth", css: "auto", waitForEnd: false, x: 4000, y: 4100},
  57       {js: "smooth", css: "smooth", waitForEnd: false, x: -3900, y: -3850},
  58       {js: "auto", css: "smooth", waitForEnd: false, x: 4050, y: 4000},
  59       {js: "", css: "smooth", waitForEnd: false, x: -4000, y: -4100},
  60     ];
  61
  62     function doTest()
  63     {
  64       var testCases = [];
  65       for (var i = 0; i < testScrolls.length; i++) {
  66         testCases.push(new ScrollBehaviorTestCase(testScrolls[i]));
  67       }
  68
  69       var scrollBehaviorTest = new ScrollBehaviorTest(document.scrollingElement,
  70                                                       document,
  71                                                       testCases,
  72                                                       getEndPosition,
  73                                                       jsScroll);
  74       scrollBehaviorTest.run();
  75     }
  76
  77     window.addEventListener('load', doTest, false);
  78   </script>
  79 </head>
  80
  81 <body>
  82   <p>Test that calling scrollBy on the main frame works with both scroll behaviors</p>
  83   <div id="content"></div>
  84 </body>
  85 </html>