third_party/WebKit/LayoutTests/compositing/iframes/fixed-position-element-in-iframe-enters-viewport.html

   1 <!DOCTYPE html>
   2 <!--
   3 This test verifies that a fixed position element inside an iframe paints when
   4 it comes into view due to the iframe increasing in size.
   5
   6 If this test passes, you should see a green square.
   7 -->
   8 <html>
   9 <head>
  10     <style>
  11         #iframe-containing-fixed-position-element {
  12             background: red;
  13             width: 100px;
  14             height: 0;
  15             border: 0;
  16         }
  17     </style>
  18     <script src="../../resources/run-after-layout-and-paint.js"></script>
  19     <script>
  20         if (window.testRunner)
  21             testRunner.waitUntilDone();
  22
  23         if (window.internals)
  24             window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  25
  26         function runTest()
  27         {
  28             // Initially, the fixed position element in the iframe will not
  29             // paint because the iframe has zero height.
  30             runAfterLayoutAndPaint(function() {
  31                 // Give the iframe a non-zero height. The fixed position element
  32                 // inside the iframe should paint now.
  33                 var iframeElement = document.getElementById("iframe-containing-fixed-position-element");
  34                 iframeElement.style.height = "100px";
  35
  36                 if (window.testRunner)
  37                     testRunner.notifyDone();
  38             });
  39         }
  40     </script>
  41 </head>
  42 <body onload="runTest()">
  43     <iframe id="iframe-containing-fixed-position-element" src="resources/subframe-with-fixed-position-element.html"></iframe>
  44 </body>
  45 </html>