third_party/WebKit/LayoutTests/compositing/rtl/rtl-relative.html

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