src/third_party/WebKit/LayoutTests/compositing/overflow/resize-painting.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5   .composited {
   6     transform: translateZ(0);
   7   }
   8
   9   .box {
  10     margin: 10px;
  11     width: 100px;
  12     height: 100px;
  13     z-index: 0;
  14   }
  15
  16   .resizable {
  17     overflow: auto;
  18     resize: both;
  19   }
  20   </style>
  21   <script type="text/javascript" charset="utf-8">
  22     if (window.testRunner)
  23         testRunner.dumpAsText();
  24
  25     function doTest()
  26     {
  27         if (window.testRunner)
  28           document.getElementById('layers').innerText = window.internals.layerTreeAsText(document);
  29     }
  30
  31     window.addEventListener('load', doTest, false);
  32   </script>
  33   </head>
  34 <body>
  35   <!-- You should see the resize widget in this element -->
  36   <div class="resizable composited box"></div>
  37   <pre id="layers">Layer tree appears here in DRT.</pre>
  38 </body>
  39 </html>