third_party/WebKit/LayoutTests/compositing/low-dpi-non-stacking-context-scrolled-content-expected.html

   1 <script src="../resources/run-after-layout-and-paint.js"></script>
   2 <style>
   3 #parent {
   4     height: 300px;
   5     overflow: auto;
   6     background-color: #aaa;
   7     padding: 10px;
   8 }
   9
  10 .child {
  11     height: 300px;
  12     margin: 5px  0;
  13     background-color: red;
  14     position: relative;
  15 }
  16 </style>
  17 <div id="parent">
  18     <div class="child"></div>
  19     <div class="child"></div>
  20     <div id="target"class="child"></div>
  21 </div>
  22 <script>
  23 if (window.testRunner)
  24         testRunner.waitUntilDone();
  25
  26 // The target element should be displayed as red, not gray.
  27 runAfterLayoutAndPaint(function() {
  28     target.scrollIntoView(true);
  29     runAfterLayoutAndPaint(function() {
  30         testRunner.notifyDone();
  31     });
  32 });
  33 </script>