src/third_party/WebKit/LayoutTests/compositing/layer-creation/translatez-removed.html

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