third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-overlap.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style type="text/css" media="screen">
   5     .box {
   6       position: relative;
   7       width: 100px;
   8       height: 100px;
   9       background-color: blue;
  10       margin: 10px;
  11     }
  12
  13     .composited {
  14       transform: translateZ(0);
  15     }
  16   </style>
  17   <script type="text/javascript" charset="utf-8">
  18    if (window.testRunner)
  19      testRunner.dumpAsText();
  20
  21    function doTest()
  22    {
  23        if (window.testRunner) {
  24          document.getElementById('results').innerText = window.internals.layerTreeAsText(document);
  25          testRunner.notifyDone();
  26        }
  27    }
  28
  29    window.addEventListener('load', doTest, false);
  30   </script>
  31 </head>
  32 <body>
  33   <div class="composited box"></div>
  34   <!-- The second box should not be composited. -->
  35   <div class="box"></div>
  36   <pre id="results">Layer tree goes here in DRT.</pre>
  37 </body>
  38 </html>