third_party/WebKit/LayoutTests/compositing/iframes/overlapped-iframe-iframe.html

   1 <html>
   2 <head>
   3   <style type="text/css" media="screen">
   4     body {
   5         overflow: hidden;
   6     }
   7
   8     iframe {
   9         position: absolute;
  10         top: 0px;
  11         left: 0px;
  12         height: 300px;
  13         width: 300px;
  14     }
  15
  16     #overlap {
  17         left: 250px;
  18     }
  19
  20     pre {
  21         position: absolute;
  22         bottom: 2000px;
  23         left: 0px;
  24     }
  25   </style>
  26   <script>
  27     if (window.testRunner) {
  28         testRunner.dumpAsText();
  29     }
  30
  31     function doTest()
  32     {
  33         if (window.testRunner) {
  34             document.getElementById('layers').innerHTML = window.internals.layerTreeAsText(document);
  35         }
  36     }
  37
  38     window.addEventListener('load', doTest, false);
  39   </script>
  40 </head>
  41 <body>
  42
  43     <iframe src="resources/composited-subframe.html"></iframe>
  44     <!-- this iframe should become composited because it overlaps the other iframe -->
  45     <iframe id="overlap" src="resources/subframe.html"></iframe>
  46
  47     <pre id="layers">Layer tree appears here in DRT.</pre>
  48 </body>
  49 </html>