third_party/WebKit/LayoutTests/fast/canvas/webgl/webgl-layer-update.html

   1 <!DOCTYPE html>
   2 <html>
   3 <script src="../../../resources/run-after-layout-and-paint.js"></script>
   4 <script>
   5     function init()
   6     {
   7         runAfterLayoutAndPaint(function() {
   8             document.getElementsByTagName('canvas')[0].style.top = "60px";
   9             if (window.testRunner)
  10                 testRunner.notifyDone();
  11         });
  12     }
  13 </script>
  14 <body onload="init()">
  15 <script>
  16 if (window.testRunner)
  17     testRunner.waitUntilDone();
  18 </script>
  19 <span id="description" style="color: white">
  20 This test is only useful as a pixel test. You should see red canvas of size 100x100.
  21 </span>
  22 <br>
  23 <style>
  24 canvas {
  25     outline: 1px solid blue;
  26 }
  27 body {
  28     background-color: darkblue;
  29 }
  30 </style>
  31 <script>
  32
  33 if (window.testRunner) {
  34     testRunner.overridePreference("WebKitWebGLEnabled", "1");
  35     testRunner.dumpAsTextWithPixelResults();
  36     document.getElementById("description").style.position = "absolute";
  37     document.getElementById("description").style.top = "-5000px";
  38 }
  39
  40 var can = document.createElement('canvas');
  41 can.width = can.height = 100;
  42 can.style.position = "absolute";
  43 can.style.left = "40px";
  44 can.style.top = "40px";
  45 document.body.appendChild(can);
  46 var ctx = can.getContext("webgl");
  47 ctx.clearColor(1, 0, 0, 1);
  48 ctx.clear(ctx.COLOR_BUFFER_BIT);
  49 </script>
  50 </body>
  51 </html>
  52