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.layoutTestController) {
  28         layoutTestController.waitUntilDone();
  29         layoutTestController.dumpAsText();
  30     }
  31
  32     function doTest()
  33     {
  34         // For some reason this delay is required for AppKit to not short-circuit the display which is required
  35         // for overlap testing to kick in.
  36         window.setTimeout(function() {
  37             if (window.layoutTestController) {
  38                 layoutTestController.display();
  39                 document.getElementById('layers').innerHTML = layoutTestController.layerTreeAsText();
  40                 layoutTestController.notifyDone();
  41             }
  42         }, 0);
  43     }
  44
  45     window.addEventListener('load', doTest, false);
  46   </script>
  47 </head>
  48 <body>
  49
  50     <iframe src="resources/composited-subframe.html"></iframe>
  51     <!-- this iframe should become composited because it overlaps the other iframe -->
  52     <iframe id="overlap" src="resources/subframe.html"></iframe>
  53
  54     <pre id="layers">Layer tree appears here in DRT.</pre>
  55 </body>
  56 </html>