src/third_party/WebKit/LayoutTests/compositing/backing/no-backing-for-clip.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6     .box {
   7       position: relative;
   8       height: 100px;
   9       width: 100px;
  10       margin: 10px;
  11       left: 0;
  12       top: 0;
  13       background-color: silver;
  14     }
  15
  16     .clipping {
  17       position: relative;
  18       z-index: 0;
  19       width: 300px;
  20       border: 1px solid black;
  21       padding: 20px;
  22       overflow: hidden;
  23     }
  24
  25     .composited {
  26       -webkit-transform: translateZ(0);
  27     }
  28   </style>
  29
  30   <script>
  31   if (window.testRunner)
  32     testRunner.dumpAsText();
  33
  34   function dumpLayers()
  35   {
  36     var layersResult = document.getElementById('layers');
  37     if (window.testRunner)
  38       layersResult.innerText = window.internals.layerTreeAsText(document);
  39
  40   }
  41   window.addEventListener('load', dumpLayers, false)
  42   </script>
  43
  44 </head>
  45 <body>
  46
  47   <div class="clipping">
  48     This layer should not have backing store.
  49     <div class="clipping">
  50       This layer should not have backing store.
  51       <div class="box composited">
  52       </div>
  53     </div>
  54   </div>
  55
  56 <pre id="layers">Layer tree goes here in DRT</pre>
  57
  58 </body>
  59 </html>