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.setAcceleratedCompositingForFixedPositionEnabled(false);
  31     window.internals.settings.setForceCompositingMode(true);
  32   }
  33
  34   window.onload = function() {
  35     if (window.internals)
  36       window.internals.startTrackingRepaints(document);
  37
  38     window.scrollTo(0, 500);
  39
  40     runAfterDisplay(function() {
  41       window.scrollTo(0, 0);
  42
  43       runAfterDisplay(function() {
  44         if (window.internals)
  45           document.getElementById('layers').textContent =
  46             window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
  47
  48         if (window.testRunner)
  49             testRunner.notifyDone();
  50       });
  51     });
  52   }
  53 </script>
  54 </head>
  55
  56 <body style="height: 4000px;">
  57   <div id="fixed">
  58     <div id="abs">
  59       Hi!
  60     </div>
  61   </div>
  62   <pre id="layers"></pre>
  63 </body>
  64
  65 </html>