third_party/WebKit/LayoutTests/compositing/rtl/rtl-absolute.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: 100%;
  29         height: 100%;
  30         /* root element should exactly cover red background */
  31         background-color: white;
  32     }
  33
  34     #layertree {
  35         position: absolute;
  36         top: 10000px;
  37         left: 0px;
  38     }
  39 </style>
  40 <script>
  41     function doTest() {
  42         if (window.testRunner) {
  43             if (top == self)
  44                 document.getElementById('layertree').innerText = window.internals.layerTreeAsText(document);
  45             testRunner.dumpAsTextWithPixelResults();
  46         }
  47     }
  48     window.addEventListener('load', doTest, false);
  49 </script>
  50 <body>
  51     <div id="root"></div>
  52     <div class="positioned indicator"></div>
  53     <div class="positioned layer"></div>
  54
  55     <pre id="layertree"></pre>
  56 </body>
  57 </html>