<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<script>
description("Series of tests to ensure correct behavior of canvas.clearRect().");
var ctx = document.createElement('canvas').getContext('2d');

// Clear rect with height = width = 0.
debug("Test canvas.clearRect() with height = width = 0.");
ctx.fillStyle = 'red';
ctx.fillRect(0, 0, 1, 1);
ctx.clearRect(0, 0, 0, 0);

var imageData = ctx.getImageData(0, 0, 1, 1);
var imgdata = imageData.data;
shouldBe("imgdata[0]", "255");
shouldBe("imgdata[1]", "0");
shouldBe("imgdata[2]", "0");

ctx.clearRect(0, 0, 1, 1);

// Clear rect with height = 0, width = 1.
debug("Test canvas.clearRect() with height = 0, width = 1.");
ctx.fillStyle = 'red';
ctx.fillRect(0, 0, 1, 1);
ctx.clearRect(0, 0, 1, 0);

var imageData = ctx.getImageData(0, 0, 1, 1);
var imgdata = imageData.data;
shouldBe("imgdata[0]", "255");
shouldBe("imgdata[1]", "0");
shouldBe("imgdata[2]", "0");

ctx.clearRect(0, 0, 1, 1);

// Clear rect with height = 1, width = 0.
debug("Test canvas.clearRect() with height = 1, width = 0.");
ctx.fillStyle = 'red';
ctx.fillRect(0, 0, 1, 1);
ctx.clearRect(0, 0, 0, 1);

var imageData = ctx.getImageData(0, 0, 1, 1);
var imgdata = imageData.data;
shouldBe("imgdata[0]", "255");
shouldBe("imgdata[1]", "0");
shouldBe("imgdata[2]", "0");

ctx.clearRect(0, 0, 1, 1);
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>
