third_party/WebKit/LayoutTests/fast/scroll-behavior/overflow-scroll-animates.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.mouseDown();
  39         eventSender.mouseUp();
  40
  41         eventSender.keyDown('end');
  42     });
  43 }
  44
  45 function onElementScroll() {
  46     if (prevScrollTop === undefined) {
  47         shouldNotBe("element.scrollTop",
  48                     "element.scrollHeight - element.clientHeight");
  49         shouldBeGreaterThan("element.scrollTop", "0");
  50         prevScrollTop = element.scrollTop;
  51     } else {
  52         shouldBeGreaterThan("element.scrollTop", "prevScrollTop");
  53         finishJSTest();
  54     }
  55 }
  56
  57 description("Tests that overflow scrolls are animated.");
  58
  59 if (window.eventSender)
  60     runTest();
  61 else
  62     debug("FAIL: This test requires window.eventSender.");
  63
  64 </script>