third_party/WebKit/LayoutTests/fast/scroll-behavior/subframe-interrupted-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-interruption-test.js"></script>
  13   <script type="text/javascript">
  14     function jsScroll(y) {
  15       var subframe = document.getElementById('subframe');
  16       subframe.contentWindow.scrollTo({top: y, behavior: 'smooth'});
  17     }
  18
  19     function doTest()
  20     {
  21       const targets = {y_min: 40, y_mid: 3500, y_max: 7000};
  22       const innerPoint = {x: 100, y: 100}
  23       var subframeScrollingElement = document.getElementById('subframe').contentDocument.scrollingElement;
  24       var scrollInterruptionTest = new SmoothScrollInterruptionTest(subframeScrollingElement,
  25                                                                     innerPoint,
  26                                                                     targets,
  27                                                                     jsScroll);
  28       scrollInterruptionTest.run();
  29     }
  30
  31     window.addEventListener('load', doTest, false);
  32   </script>
  33 </head>
  34
  35 <body>
  36   <p>Test that interrupting a smooth scroll on a subframe works with both scroll behaviors and with input</p>
  37   <iframe id="subframe" src="resources/large-subframe.html"></iframe>
  38 </body>
  39 </html>