src/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-no-content.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style>
   6     .fixed {
   7       position: fixed;
   8       width: 50px;
   9       height: 50px;
  10     }
  11
  12     .absolute {
  13         position: absolute;
  14         top: 40px;
  15         left: 40px;
  16         height: 100px;
  17         width: 100px;
  18         background-color: gray;
  19     }
  20   </style>
  21
  22   <script type="text/javascript">
  23     if (window.internals) {
  24       window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  25     }
  26
  27     if (window.testRunner) {
  28       testRunner.dumpAsText();
  29
  30       window.addEventListener("load", function() {
  31         document.getElementById("layertree").innerText = window.internals.layerTreeAsText(document);
  32       }, false);
  33     }
  34   </script>
  35 </head>
  36
  37 <body>
  38   <div style="height: 1000px">
  39     <pre id="layertree"></pre>
  40   </div>
  41
  42   <!-- This should not be promoted to a composited layer. -->
  43   <div class="fixed" style="top: 10px; left: 10px"></div>
  44   <!-- And this should not be promoted into a layer either as a result. -->
  45   <div class="absolute"></div>
  46 </body>
  47 </html>
  48