third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe-show.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <script src="../../resources/run-after-layout-and-paint.js"></script>
   6   <style type="text/css" media="screen">
   7     iframe {
   8         border: 10px solid black;
   9         padding: 5px;
  10         height: 150px;
  11         width: 300px;
  12         -webkit-box-shadow: 0 0 20px black;
  13     }
  14     .box {
  15         height: 200px;
  16         width: 200px;
  17         margin: 10px;
  18         padding: 5px;
  19         background-color: blue;
  20         transform: translateZ(1px);
  21         overflow:hidden;
  22     }
  23     .box:hover {
  24         transform: none;
  25     }
  26   </style>
  27   <script type="text/javascript" charset="utf-8">
  28
  29     if (window.testRunner) {
  30       testRunner.dumpAsText();
  31       testRunner.waitUntilDone();
  32     }
  33
  34     function doTest()
  35     {
  36       runAfterLayoutAndPaint(function() {
  37         var div = document.getElementById('invisible');
  38         div.style.cssText = "";
  39         if (window.testRunner) {
  40           document.getElementById('layers').innerHTML = window.internals.layerTreeAsText(document);
  41           testRunner.notifyDone();
  42         }
  43       });
  44     }
  45
  46     window.addEventListener('load', doTest, false);
  47   </script>
  48 </head>
  49 <body>
  50
  51     <!-- The nested iframe should appear when we remove "diplay:none". -->
  52     <div id="invisible" style="display:none;">
  53         <iframe src="resources/intermediate-frame.html"></iframe>
  54     </div>
  55     <div class="box">
  56     </div>
  57     <pre id="layers">Layer tree appears here in DRT.</pre>
  58 </body>
  59 </html>