third_party/WebKit/LayoutTests/compositing/squashing/iframe-inside-squashed-layer.html

   1 <!DOCTYPE html>
   2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5     window.frames['subframe'].contentDocument.body.style.height = '200px';
   6 }
   7 </script>
   8 <body onload="runRepaintTest()">
   9 <div id="foo" style="width: 200px; height: 1000px; transform: translateZ(0); background-color: lightgray;"></div>
  10
  11 <!-- The squashing layer will contain the following two divs. Note that the second is 100px lower than the top. -->
  12 <div style="position: absolute; z-index: 0; top: 0px; width: 100px; height: 500px"></div>
  13 <div style="position: absolute; z-index: 0; top: 500px; width: 100px; height: 100px">
  14   <iframe frameborder=0 id="subframe" srcdoc="test1">
  15   </iframe>
  16 </div>
  17 </body>