src/third_party/WebKit/LayoutTests/compositing/content-changed-chicken-egg-expected.html

   1 <!DOCTYPE HTML>
   2 <html>
   3   <head>
   4     <style>
   5       #container {
   6         width: 100px;
   7         height: 100px;
   8         border: 3px solid black;
   9         overflow: scroll;
  10       }
  11
  12       canvas {
  13         background-color: gray;
  14         border: 1px solid black;
  15         transform: translateZ(0);
  16       }
  17     </style>
  18     <script>
  19       if (window.testRunner)
  20           testRunner.dumpAsTextWithPixelResults();
  21
  22       if (window.internals) {
  23           window.internals.settings.setAccelerated2dCanvasEnabled(true);
  24       }
  25
  26       function doTest() {
  27         var canvas = document.getElementById("canvas");
  28         var context = canvas.getContext('2d');
  29         context.fillStyle = 'green';
  30         context.fillRect(0, 0, 150, 100);
  31         canvas.height = "200px";
  32       }
  33
  34       window.onload = doTest;
  35     </script>
  36   </head>
  37 <body>
  38   <div id="container">
  39     <canvas id="canvas" width="50" height="50"></canvas>
  40   </div>
  41 </body>
  42 </html>