diff options
Diffstat (limited to 'dom/canvas/test/test_drawImage_edge_cases.html')
-rw-r--r-- | dom/canvas/test/test_drawImage_edge_cases.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/dom/canvas/test/test_drawImage_edge_cases.html b/dom/canvas/test/test_drawImage_edge_cases.html new file mode 100644 index 000000000..7147d4a6a --- /dev/null +++ b/dom/canvas/test/test_drawImage_edge_cases.html @@ -0,0 +1,42 @@ +<!DOCTYPE HTML> +<html> +<head> + <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> +</head> +<body onload="doTest()"> +<p id="display"> + <canvas id="c" width="1" height="1"></canvas> + <img id="img" src="image_red.png"> +</p> +<div id="content" style="display: none"> + +</div> +<pre id="test"> +<script type="application/javascript"> + +var c = document.getElementById("c"); +var ctx = c.getContext("2d"); +var img = document.getElementById("img"); + +SimpleTest.waitForExplicitFinish(); + +function doTest() { + ctx.drawImage(img, 0, 0); + img.src = "image_green-1x1.png"; + img.onload = function() { + ctx.drawImage(img, 0, 0); + var data = ctx.getImageData(0, 0, 1, 1).data; + is(data[0], 0, "Red channel should be 0"); + is(data[1], 255, "Green channel should be 1.0"); + is(data[2], 0, "Blue channel should be 0") + is(data[3], 255, "Alpha channel should be opaque"); + + SimpleTest.finish(); + } +} + +</script> +</pre> +</body> +</html> |