third_party/WebKit/LayoutTests/compositing/layer-creation/iframe-clip-removed.html

   1 <!DOCTYPE html>
   2 <style>
   3   #subframe {
   4     width: 400px;
   5     height: 500px;
   6     background-color: blue;
   7     position: relative;
   8   }
   9
  10   #scroller {
  11     height: 200px;
  12     width: 300px;
  13     position: absolute;
  14     overflow: scroll;
  15   }
  16
  17   #clip {
  18     position: absolute;
  19     clip: rect(0px, 100px, 100px, 0px);
  20   }
  21 </style>
  22 <script>
  23   onload = function() {
  24     // Render one frame with clipping, then remove the clip.
  25     window.requestAnimationFrame(function() {
  26       window.requestAnimationFrame(function() {
  27         document.getElementById("clip").style.clip = "auto";
  28         if (window.testRunner)
  29           testRunner.notifyDone();
  30       });
  31     });
  32   }
  33
  34   if (window.testRunner && window.internals) {
  35     testRunner.waitUntilDone();
  36     internals.settings.setPreferCompositingToLCDTextEnabled(true);
  37   }
  38
  39 </script>
  40
  41 <div id="scroller">
  42   <div id="clip">
  43     <iframe id="subframe"></iframe>
  44   </div>
  45 </div>