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

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     #content {
   6       width: 1000px;
   7       height: 10000px;
   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-interruption-test.js"></script>
  14   <script type="text/javascript">
  15     function jsScroll(y) {
  16       var currentX = document.documentElement.scrollTop;
  17       window.scrollTo(currentX, y, {behavior: 'smooth'});
  18     }
  19
  20     function doTest() {
  21       const targets = {y_min: 40, y_mid: 3500, y_max: 7000};
  22       const innerPoint = {x: 100, y: 100};
  23       var scrollInterruptionTest = new SmoothScrollInterruptionTest(document.documentElement,
  24                                                                     innerPoint,
  25                                                                     targets,
  26                                                                     jsScroll);
  27       scrollInterruptionTest.run();
  28     }
  29
  30     window.addEventListener('load', doTest, false);
  31   </script>
  32 </head>
  33
  34 <body>
  35   <p>Test that interrupting a smooth scroll on the main frame works with both scroll behaviors and with input</p>
  36   <div id="content"></div>
  37 </body>
  38 </html>