third_party/WebKit/LayoutTests/compositing/layer-creation/no-compositing-for-fixed-position-under-transform.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     .transform {
   6       width: 100px;
   7       height: 30px;
   8       transform: translateZ(0);
   9     }
  10     .fixed {
  11       position: fixed;
  12       left: 10px;
  13       top: 10px;
  14     }
  15   </style>
  16
  17   <script type="text/javascript">
  18     if (window.internals)
  19       window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  20
  21     if (window.testRunner) {
  22       testRunner.dumpAsText();
  23
  24       window.addEventListener("load", function() {
  25         document.getElementById("layerTree").innerText = window.internals.layerTreeAsText(document);
  26         document.getElementById("mainThreadScrollingReasons").innerText = window.internals.mainThreadScrollingReasons(document);
  27       }, false);
  28     }
  29   </script>
  30 </head>
  31
  32 <body>
  33   <div class="transform">
  34     <!-- This element should neither be composited nor force main thread scrolling. -->
  35     <div class="fixed">TEST</div>
  36   </div>
  37
  38   <pre id="layerTree"></pre>
  39   <pre id="mainThreadScrollingReasons"></pre>
  40 </body>
  41 </html>