third_party/WebKit/LayoutTests/compositing/contents-opaque/hidden-with-visible-child.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         #caption {
   6             width: 200px;
   7             height: 100px;
   8             background-color: green;
   9             transform: translateZ(0);
  10         }
  11         .inner {
  12             visibility: visible;
  13             background-color: blue;
  14         }
  15     </style>
  16     <script type="text/javascript">
  17         if (window.testRunner)
  18             testRunner.dumpAsText();
  19
  20         function doTest() {
  21             document.getElementById("caption").style.visibility = "hidden";
  22             if (window.testRunner && window.internals)
  23                 document.getElementById('layertree').innerText = window.internals.layerTreeAsText(document);
  24         }
  25         window.addEventListener('load', doTest, false);
  26     </script>
  27 </head>
  28 <body>
  29     <div id="caption" style="position: fixed; background: green;">
  30         <div class="inner"></div>
  31     </div>
  32 <pre id="layertree"></pre>
  33 </body>
  34 </html>