third_party/WebKit/LayoutTests/compositing/overflow/overflow-scrollbar-layers.html

   1 <!DOCTYPE html>
   2 <style>
   3 .container {
   4 width: 100px;
   5 height:100px;
   6 position:absolute;
   7 transform:translateZ(0);
   8 overflow:auto;
   9 }
  10
  11 .content {
  12 transform: translateZ(0);
  13 position:absolute;
  14 width:10px;
  15 height:10px;
  16 }
  17
  18 .tall {
  19 height:200px;
  20 }
  21
  22 .wide {
  23 width:200px;
  24 }
  25
  26 .resizeWidget {
  27 resize: both;
  28 }
  29
  30 </style>
  31 <pre id="layerTree"></pre>
  32 <div class="container">
  33   <div class="content tall"></div>
  34 </div>
  35 <div class="container">
  36   <div class="content wide"></div>
  37 </div>
  38 <div class="container">
  39   <div class="content wide tall"></div>
  40 </div>
  41 <div class="container resizeWidget">
  42   <div class="content"></div>
  43 </div>
  44 <script>
  45 if (window.testRunner) {
  46     testRunner.dumpAsText();
  47     document.getElementById("layerTree").innerText = window.internals.layerTreeAsText(document);
  48 }
  49 </script>