87 lines
2.5 KiB
HTML
87 lines
2.5 KiB
HTML
<!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>
|