third_party/WebKit/LayoutTests/compositing/squashing/invisible-layers-should-not-affect-geometry.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     .box {
   6       position: absolute;
   7       top: 10px;
   8       left: 10px;
   9       height: 100px;
  10       width: 100px;
  11       background-color: green;
  12     }
  13     .invisible {
  14       height: 400px;
  15       width: 400px;
  16       position: absolute;
  17       visibility: hidden;
  18       background-color: red;
  19     }
  20     .composited {
  21       transform: translateZ(0);
  22     }
  23   </style>
  24   <script>
  25     if (window.testRunner)
  26       testRunner.dumpAsText();
  27     function runTest() {
  28       if (window.internals) {
  29         var pre = document.createElement('pre');
  30         pre.innerHTML = window.internals.layerTreeAsText(document);
  31         document.body.appendChild(pre);
  32       }
  33     }
  34     window.onload = runTest;
  35   </script>
  36 </head>
  37 <body>
  38   <!--
  39   The invisible layer should have no effect on the geometry of the
  40   composited layers. If you see a rect with dimensions 400x400, that means
  41   that the invisible layer has been included and things are broken.
  42   -->
  43   <div class="composited box"></div>
  44   <div class="box"></div>
  45   <div class="invisible">
  46     <div class="box"></div>
  47   </div>
  48 </body>
  49 </html>