third_party/WebKit/LayoutTests/compositing/iframes/iframe-size-from-zero.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6     iframe {
   7         border: 10px solid black;
   8         padding: 5px;
   9         margin: 20px;
  10         height: 150px;
  11         width: 0;
  12     }
  13
  14     .expanded {
  15       width: 300px;
  16     }
  17
  18     .overlay {
  19       position: absolute;
  20       width: 50px;
  21       height: 50px;
  22       top: 5px;
  23       left: 5px;
  24       background-color: rgba(0, 0, 0, 0.2);
  25     }
  26
  27   </style>
  28   <script type="text/javascript" charset="utf-8">
  29     if (window.testRunner) {
  30         testRunner.dumpAsText();
  31         testRunner.waitUntilDone();
  32     }
  33
  34     function doTest()
  35     {
  36         window.setTimeout(function() {
  37             document.getElementById('iframe').className = 'expanded';
  38             // Need to wait for compositing layers to be updated.
  39             window.setTimeout(function() {
  40                 if (window.testRunner) {
  41                     document.getElementById('layers').innerHTML = window.internals.layerTreeAsText(document);
  42                     testRunner.notifyDone();
  43                 }
  44             }, 0);
  45         }, 0);
  46     }
  47
  48     window.addEventListener('load', doTest, false);
  49   </script>
  50 </head>
  51 <body>
  52
  53     <!-- The parent document may into compositing mode by the iframe. -->
  54     <iframe id="iframe" src="resources/composited-subframe.html"></iframe>
  55
  56     <div class="overlay">
  57     </div>
  58
  59     <pre id="layers">Layer tree appears here in DRT.</pre>
  60 </body>
  61 </html>