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       window.scrollTo({top: y, behavior: 'smooth'});
  17     }
  18
  19     function doTest() {
  20       const targets = {y_min: 40, y_mid: 3500, y_max: 7000};
  21       const innerPoint = {x: 100, y: 100};
  22       var scrollInterruptionTest = new SmoothScrollInterruptionTest(document.scrollingElement,
  23                                                                     innerPoint,
  24                                                                     targets,
  25                                                                     jsScroll);
  26       scrollInterruptionTest.run();
  27     }
  28
  29     window.addEventListener('load', doTest, false);
  30   </script>
  31 </head>
  32
  33 <body>
  34   <p>Test that interrupting a smooth scroll on the main frame works with both scroll behaviors and with input</p>
  35   <div id="content"></div>
  36 </body>
  37 </html>