src/third_party/WebKit/LayoutTests/compositing/repaint/fixed-pos-with-abs-pos-child-scroll.html

   1 <!doctype html>
   2 <html>
   3
   4 <head>
   5 <script src="../../resources/run-after-display.js"></script>
   6
   7 <style>
   8   #fixed {
   9     position: fixed;
  10     bottom: 30px;
  11     right: 0px;
  12   }
  13   #abs {
  14     position: absolute;
  15     bottom: 0px;
  16     right: 0px;
  17     height: 90px;
  18     width: 360px;
  19     background: yellow;
  20   }
  21 </style>
  22
  23 <script>
  24   if (window.testRunner) {
  25     testRunner.dumpAsText();
  26     testRunner.waitUntilDone();
  27   }
  28
  29   if (window.internals) {
  30     window.internals.settings.setPreferCompositingToLCDTextEnabled(false);
  31   }
  32
  33   window.onload = function() {
  34     if (window.internals)
  35       window.internals.startTrackingRepaints(document);
  36
  37     window.scrollTo(0, 500);
  38
  39     runAfterDisplay(function() {
  40       window.scrollTo(0, 0);
  41
  42       runAfterDisplay(function() {
  43         if (window.internals)
  44           document.getElementById('layers').textContent =
  45             window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
  46
  47         if (window.testRunner)
  48             testRunner.notifyDone();
  49       });
  50     });
  51   }
  52 </script>
  53 </head>
  54
  55 <body style="height: 4000px;">
  56   <div id="fixed">
  57     <div id="abs">
  58       Hi!
  59     </div>
  60   </div>
  61   <pre id="layers"></pre>
  62 </body>
  63
  64 </html>