third_party/WebKit/LayoutTests/fast/canvas/canvas-as-image-incremental-repaint.html

   1 <html>
   2   <head>
   3    <style>
   4      div {
   5        width:600px;
   6        height:500px;
   7        border:2px solid black;
   8        content: -webkit-canvas(squares);
   9      }
  10    </style>
  11   <script src="../../resources/run-after-layout-and-paint.js"></script>
  12   <script type="application/x-javascript">
  13     if (window.testRunner) {
  14       testRunner.dumpAsTextWithPixelResults();
  15       testRunner.waitUntilDone();
  16     }
  17     function repaintTest()
  18     {
  19       var ctx = document.getCSSCanvasContext("2d", "squares", 300, 300);
  20
  21       ctx.fillStyle = "rgb(200,0,0)";
  22       ctx.fillRect (10, 10, 100, 100);
  23
  24       ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
  25       ctx.fillRect (50, 50, 100, 100);
  26       if (window.testRunner)
  27         testRunner.notifyDone();
  28     }
  29   </script>
  30 </head>
  31 <body onload="runAfterLayoutAndPaint(repaintTest)">
  32    <div></div>
  33 </body>
  34 </html>