third_party/WebKit/LayoutTests/compositing/plugins/small-to-large-composited-plugin.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style type="text/css" media="screen">
   5     embed {
   6       height: 1px;
   7       width: 1px;
   8       border: 1px solid black;
   9     }
  10
  11     embed.large {
  12       width: 300px;
  13       height: 150px;
  14     }
  15
  16     .container {
  17       height: 100px;
  18       width: 200px;
  19       overflow: hidden;
  20     }
  21   </style>
  22   <script type="text/javascript" charset="utf-8">
  23     if (window.testRunner) {
  24         testRunner.dumpAsText();
  25         testRunner.waitUntilDone();
  26     }
  27
  28     function doTest()
  29     {
  30         window.setTimeout(function() {
  31           document.getElementById('plugin').className = 'large';
  32           // Need to wait for compositing layers to be updated. FIXME remove.
  33           window.setTimeout(function() {
  34             if (window.testRunner) {
  35                 document.getElementById('layers').innerHTML = window.internals.layerTreeAsText(document);
  36                 testRunner.notifyDone();
  37             }
  38           }, 0)
  39         }, 0);
  40     }
  41
  42     window.addEventListener('load', doTest, false);
  43   </script>
  44 </head>
  45 <body>
  46
  47   <div class="container">
  48     <embed id="plugin" type="application/x-webkit-test-netscape" width="1" height="1" drawingmodel="coreanimation">
  49   </div>
  50
  51   <!-- we should have layers after the resize -->
  52   <pre id="layers">Layer tree appears here in DRT.</pre>
  53 </body>
  54 </html>