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

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