third_party/WebKit/LayoutTests/fast/canvas/canvas-toBlob-defaultpng.html

   1 <script src = "../../resources/js-test.js"></script>
   2 <script type = 'text/javascript'>
   3 description("Test that verifies whether the image data survives the toBlob process");
   4
   5 if (window.testRunner) {
   6     testRunner.dumpAsText();
   7     testRunner.waitUntilDone();
   8 }
   9
  10 var canvas = document.createElement("canvas");
  11 var ctx = canvas.getContext("2d");
  12 ctx.fillStyle = "#FF0000";
  13 ctx.fillRect(0, 0, 150, 75);
  14 var canvas2 = document.createElement("canvas");
  15 var ctx2 = canvas2.getContext("2d");
  16
  17 var newImg = new Image();
  18 newImg.onload = function() {
  19     ctx2.drawImage(newImg, 0, 0, 150, 75);
  20     //Randomly pick a pixel to check whether they match
  21     shouldBe('ctx.getImageData(0, 0, 150, 75).data[4]', 'ctx2.getImageData(0, 0, 150, 75).data[4]');
  22     if (window.testRunner)
  23         testRunner.notifyDone();
  24 }
  25
  26 canvas.toBlob(function(blob) {
  27     url = URL.createObjectURL(blob);
  28     newImg.src = url;
  29 });
  30
  31 </script>