<!DOCTYPE html>
<html>
<head>
  <script src="../../resources/js-test-pre.js"></script>
</head>
<body>
  <canvas id="destination" width="300" height="300"></canvas>
  <canvas id="source" width="300" height="300"></canvas>
  <script>
  // This is a regression test for bug https://bugs.webkit.org/show_bug.cgi?id=89018
  
  description("Tests that disabling the imageSmoothingEnabled attribute still works after multiple repaints");
  var dstCanvas = document.getElementById("destination");
  var dstCtx = dstCanvas.getContext('2d');
  var srcCanvas = document.getElementById("source");
  var srcCtx = srcCanvas.getContext('2d');
  
  
  var srcCanvas, srcCtx, dstCanvas, dstCtx;
  
  function draw()
  {
      srcCtx.clearRect(0, 0, 300, 300);
      dstCtx.clearRect(0, 0, 300, 300);
      srcCtx.fillStyle = "rgb(255, 0, 0)";
      srcCtx.fillRect(0, 0, 1, 1);
      srcCtx.fillStyle = "rgb(0, 255, 0)";
      srcCtx.fillRect(1, 0, 1, 1);
      dstCtx.imageSmoothingEnabled = false;
      dstCtx.drawImage(srcCanvas, 0, 0, 2, 1, 0, 0, 300, 300);
  }
  
  function testResult() {
      debug("Test that the image is not filtered");
  	left_of_center_pixel = dstCtx.getImageData(149, 150, 1, 1);
  	shouldBe("left_of_center_pixel.data[0]", "255");
  	shouldBe("left_of_center_pixel.data[1]", "0");
  	shouldBe("left_of_center_pixel.data[2]", "0");
  	right_of_center_pixel = dstCtx.getImageData(150, 150, 1, 1);
  	shouldBe("right_of_center_pixel.data[0]", "0");
  	shouldBe("right_of_center_pixel.data[1]", "255");
  	shouldBe("right_of_center_pixel.data[2]", "0");
      finishJSTest();
  }
  
  // Bug 89018 requires 2 draw iteration in order to manifest itself.
  var drawIterations = 2;
  
  // Unrolled repaint loop for running the test in DumpRenderTree
  function TestControllerPaint() {
      while (drawIterations > 0) {
          draw();
          testRunner.displayAndTrackRepaints();
          drawIterations = drawIterations - 1;
      }
      draw();
      testResult();
  }
  
  // Repaint loop for running the test in the browser
  function BrowserPaint(){
      draw();
  	if (drawIterations > 0) {
  		drawIterations = drawIterations - 1;
  		window.requestAnimationFrame(BrowserPaint);
      } else {
  	    testResult();
  	}
  }
  
  function onLoadHandler()
  {
      if (window.testRunner) {
          TestControllerPaint();
      } else {
          BrowserPaint();
      }
  }
  
  window.jsTestIsAsync = true;
  window.onload = onLoadHandler;
  
  </script>
  <script src="../../resources/js-test-post.js"></script>
</body>
</html>