src/third_party/WebKit/LayoutTests/compositing/columns/composited-in-paginated.html

   1 <html style="overflow: -webkit-paged-x;">
   2 <head>
   3     <script>
   4         if (window.testRunner)
   5           testRunner.dumpAsText();
   6
   7         function dumpLayers()
   8         {
   9             if (window.testRunner)
  10                 document.getElementById('layers').innerText = window.internals.layerTreeAsText(document);
  11         }
  12         window.addEventListener('load', dumpLayers, false);
  13     </script>
  14     <style>
  15     .spacer {
  16       height: 350px;
  17       width: 100%;
  18       margin: 10px;
  19       background-color: silver;
  20     }
  21
  22     .box {
  23       height: 100px;
  24       width: 100px;
  25       margin: 10px;
  26       background-color: blue;
  27     }
  28     .composited {
  29       -webkit-transform: translateZ(0);
  30     }
  31     </style>
  32 </head>
  33 <body>
  34
  35   <div class="spacer"></div>
  36   <div class="spacer"></div>
  37   <div class="composited box"></div>
  38 <pre id="layers">Layer tree goes here in DRT</pre>
  39
  40 </body>
  41 </html>