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

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6     .box {
   7         height: 200px;
   8         width: 200px;
   9         margin: 10px;
  10         padding: 5px;
  11         background-color: blue;
  12     }
  13
  14     .composited {
  15       transform: translateZ(0);
  16     }
  17
  18   </style>
  19   <script type="text/javascript" charset="utf-8">
  20     if (window.testRunner) {
  21         window.testRunner.dumpAsText();
  22     }
  23
  24     function doTest()
  25     {
  26       document.getElementById('test').className = 'box composited';
  27       if (window.testRunner) {
  28         document.getElementById('layers').innerText = window.internals.layerTreeAsText(document);
  29       }
  30     }
  31     window.addEventListener('load', doTest, false);
  32   </script>
  33 </head>
  34 <body>
  35     <!-- This test div starts without with a 3d transform, but should be
  36          promoted to a composited layer before the test completes. -->
  37     <div id="test" class="box">
  38     </div>
  39
  40     <pre id="layers">Layer tree appears here in DRT.</pre>
  41 </body>
  42 </html>