third_party/WebKit/LayoutTests/fast/scroll-behavior/overflow-scroll-precise-deltas-dont-animate.html

   1 <!DOCTYPE html>
   2 <style>
   3
   4 #container {
   5   width: 200px;
   6   height: 200px;
   7   overflow: scroll;
   8 }
   9
  10 #content {
  11   width: 750px;
  12   height: 10000px;
  13   background-color: blue;
  14 }
  15
  16 </style>
  17 <script src="../../resources/js-test.js"></script>
  18 <div id="container">
  19   <div id="content"></div>
  20 </div>
  21 <div id="console"></div>
  22 <script>
  23
  24 jsTestIsAsync = true;
  25 element = document.getElementById("container");
  26
  27 var prevScrollTop;
  28 var scrollStart;
  29
  30 function runTest() {
  31     internals.settings.setScrollAnimatorEnabled(true);
  32
  33     element.addEventListener("scroll", onElementScroll);
  34
  35     testRunner.layoutAndPaintAsyncThen(function() {
  36         // Give the container focus.
  37         eventSender.mouseMoveTo(100, 100);
  38         eventSender.mouseScrollBy(0, -20, /* paged */ false,
  39             /* preciseDeltas */ true);
  40     });
  41 }
  42
  43 function onElementScroll() {
  44     shouldBe("element.scrollTop",
  45              "800");
  46     finishJSTest();
  47 }
  48
  49 description("Tests that overflow scrolls with precise deltas aren't animated.");
  50
  51 if (window.eventSender)
  52     runTest();
  53 else
  54     debug("FAIL: This test requires window.eventSender.");
  55
  56 </script>