third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute-overflow.html

   1 <html>
   2 <head>
   3 <style>
   4     body {
   5         direction: rtl;
   6         margin: 0px;
   7         background-color: red;
   8     }
   9
  10     .positioned {
  11         position: absolute;
  12         top: 50px;
  13         left: 50px;
  14         width: 100px;
  15         height: 100px;
  16     }
  17
  18     .indicator {
  19         background-color: red;
  20     }
  21
  22     .layer {
  23         transform:translateZ(0);
  24         background-color: green;
  25     }
  26
  27     #root {
  28         width: 1000px;
  29         height: 1000px;
  30         background-color: white;
  31     }
  32
  33     #layertree {
  34         position: absolute;
  35         top: 10000px;
  36         left: 0px;
  37     }
  38 </style>
  39 <script>
  40     function doTest() {
  41         if (window.testRunner) {
  42             if (top == self)
  43                 document.getElementById('layertree').innerText = window.internals.layerTreeAsText(document);
  44             testRunner.dumpAsTextWithPixelResults();
  45         }
  46     }
  47     window.addEventListener('load', doTest, false);
  48 </script>
  49 <body>
  50     <div id="root"></div>
  51     <div class="positioned indicator"></div>
  52     <div class="positioned layer"></div>
  53
  54     <pre id="layertree"></pre>
  55 </body>
  56 </html>