src/third_party/WebKit/LayoutTests/compositing/geometry/bounds-ignores-hidden.html

   1 <style>
   2   .composited {
   3     transform: translateZ(0);
   4   }
   5
   6   img {
   7     background-color: black;
   8     width: 50px;
   9     height: 50px;
  10   }
  11 </style>
  12 <script>
  13     if (window.testRunner)
  14         testRunner.dumpAsText();
  15
  16     function dumpLayers()
  17     {
  18         if (window.testRunner) {
  19             document.getElementById('layers').innerText = window.internals.layerTreeAsText(document);
  20         }
  21     }
  22     window.addEventListener('load', dumpLayers, false);
  23 </script>
  24 <body>
  25     <div style="position: absolute; left: 0px; top: 0px; z-index: 106; " class="composited">
  26         <img style="position: absolute; left: 10px; top: 10px; z-index: -2;">
  27         <img style="position: absolute; left: 44940px; top: 15013px; z-index: 0; visibility: hidden;">
  28     </div>
  29 <pre id="layers">Layer tree goes here in DRT</pre>
  30 </body>