third_party/WebKit/LayoutTests/compositing/rendering-contexts.html

   1 <!DOCTYPE HTML>
   2 <!--
   3   This test simply checks that when we have multiple 3d rendering contexts, that
   4   they get separate and unique id's in the layer tree dump.
   5 -->
   6 <html>
   7   <head>
   8     <style>
   9       .composited {
  10         transform: translateZ(0);
  11         width: 100px;
  12         height: 100px;
  13         background-color: green;
  14       }
  15
  16       #grandparent {
  17         -webkit-transform-style: preserve-3d;
  18       }
  19
  20       #child {
  21         -webkit-transform-style: preserve-3d;
  22       }
  23
  24       #console {
  25         position: absolute;
  26         left: 4000px;
  27       }
  28     </style>
  29     <script>
  30       if (window.testRunner)
  31         testRunner.dumpAsText();
  32
  33
  34       function dumpLayerTree() {
  35         if (window.internals)
  36           document.getElementById("console").innerHTML = window.internals.layerTreeAsText(document);
  37       }
  38
  39       window.onload = dumpLayerTree;
  40     </script>
  41   </head>
  42   <body>
  43     <div class="composited" id="grandparent">
  44       <div class="composited" id="parent">
  45         <div class="composited" id="child">
  46         </div>
  47       </div>
  48     </div>
  49     <pre id="console"></pre>
  50   </body>
  51 </html>