third_party/WebKit/LayoutTests/fast/scroll-behavior/overflow-scroll-triggers-layout.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <style>
   4 #inner {
   5   background:red;
   6   width:500px;
   7   height:100%;
   8 }
   9
  10 #outer {
  11   width:300px;
  12   height:500px;
  13   overflow-y:scroll;
  14   overflow-x:hidden;
  15 }
  16 </style>
  17 <div id="outer">
  18   <div id="inner">
  19   </div>
  20 </div>
  21
  22 <script>
  23 description("Ensures that if layout is dirty, triggering a scroll causes a relayout");
  24 internals.settings.setScrollAnimatorEnabled(false);
  25
  26 outer.addEventListener("wheel",
  27   function(e) {
  28     inner.style.height = "1000px";
  29   }
  30 );
  31
  32 var x = outer.offsetLeft + 5;
  33 var y = outer.offsetTop + 5;
  34 eventSender.mouseMoveTo(x, y);
  35 eventSender.mouseScrollBy(0, -1);
  36 shouldBeGreaterThan("outer.scrollTop", "0");
  37
  38 </script>