src/third_party/WebKit/LayoutTests/fast/scroll-behavior/subframe-scroll.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     #subframe {
   6       width: 200px;
   7       height: 200px;
   8     }
   9   </style>
  10   <script src="../../resources/testharness.js"></script>
  11   <script src="../../resources/testharnessreport.js"></script>
  12   <script src="resources/scroll-behavior-test.js"></script>
  13   <script type="text/javascript">
  14     function getEndPosition(testCase, startPosition) {
  15       var endPosition = {};
  16       endPosition.x = testCase.x;
  17       endPosition.y = testCase.y;
  18       return endPosition;
  19     }
  20
  21     function jsScroll(testCase) {
  22       var subframe = document.getElementById("subframe");
  23       if (testCase.js) {
  24         subframe.contentWindow.scroll(testCase.x, testCase.y, {behavior: testCase.js});
  25       } else {
  26         subframe.contentWindow.scroll(testCase.x, testCase.y);
  27       }
  28     }
  29
  30     const testScrolls = [
  31       {js: "instant", css: "instant", x: 1, y: 2},
  32       {js: "instant", css: "smooth", x: 2, y: 3},
  33       {js: "auto", css: "instant", x: 3, y: 4},
  34       {js: "", css: "instant", x: 4, y: 5},
  35       {js: "smooth", css: "instant", waitForEnd: true, x: 10, y: 15},
  36       {js: "smooth", css: "smooth", waitForEnd: true, x: 20, y: 25},
  37       {js: "auto", css: "smooth", waitForEnd: true, x: 30, y: 35},
  38       {js: "", css: "smooth", waitForEnd: true, x: 40, y: 45},
  39       {js: "smooth", css: "instant", waitForEnd: false, x: 4000, y: 4100},
  40       {js: "smooth", css: "smooth", waitForEnd: false, x: 15, y: 20},
  41       {js: "auto", css: "smooth", waitForEnd: false, x: 4100, y: 4000},
  42       {js: "", css: "smooth", waitForEnd: false, x: 10, y: 5},
  43     ];
  44
  45     function doTest()
  46     {
  47       var testCases = [];
  48       for (var i = 0; i < testScrolls.length; i++) {
  49         testCases.push(new ScrollBehaviorTestCase(testScrolls[i]));
  50       }
  51
  52       var subframe = document.getElementById("subframe");
  53       var scrollBehaviorTest = new ScrollBehaviorTest(subframe.contentDocument.documentElement,
  54                                                       subframe.contentDocument,
  55                                                       testCases,
  56                                                       getEndPosition,
  57                                                       jsScroll);
  58       scrollBehaviorTest.run();
  59     }
  60
  61     window.addEventListener('load', doTest, false);
  62   </script>
  63 </head>
  64
  65 <body>
  66   <p>Test that calling scroll on a subframe works with both scroll behaviors</p>
  67   <iframe id="subframe" src="resources/large-subframe.html"></iframe>
  68 </body>
  69 </html>