diff --git a/layout/reftests/canvas/image-shadow-ref.html b/layout/reftests/canvas/image-shadow-ref.html
new file mode 100644
index 00000000000..c75f3308524
--- /dev/null
+++ b/layout/reftests/canvas/image-shadow-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="background:lime; width:16px; height:16px;"></div>
+<div style="background:black; width:16px; height:10px;"></div>
+</body>
+</html>
diff --git a/layout/reftests/canvas/image-shadow.html b/layout/reftests/canvas/image-shadow.html
new file mode 100644
index 00000000000..47fe121c4fa
--- /dev/null
+++ b/layout/reftests/canvas/image-shadow.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<body onload="doTest()">
+<canvas id="c" width="200" height="200" style="display:block"></canvas>
+<img id="img" src="image_green-16x16.png" style="display:none">
+<script>
+var c = document.getElementById("c");
+var img = document.getElementById("img");
+var ctx = c.getContext("2d");
+ctx.shadowColor = "black";
+ctx.shadowOffsetX = 0;
+ctx.shadowOffsetY = 10;
+function doTest() {
+  ctx.drawImage(img, 0, 0);
+}
+</script>
+</body>
+</html>
diff --git a/layout/reftests/canvas/image_green-16x16.png b/layout/reftests/canvas/image_green-16x16.png
new file mode 100644
index 00000000000..e19a3ffddd2
Binary files /dev/null and b/layout/reftests/canvas/image_green-16x16.png differ
diff --git a/layout/reftests/canvas/reftest.list b/layout/reftests/canvas/reftest.list
index 7859200d6ac..420caa1268e 100644
--- a/layout/reftests/canvas/reftest.list
+++ b/layout/reftests/canvas/reftest.list
@@ -1,6 +1,7 @@
 == default-size.html default-size-ref.html
 
 == image-rendering-test.html image-rendering-ref.html
+== image-shadow.html image-shadow-ref.html
 
 asserts-if(cocoaWidget,0-2) == size-change-1.html size-change-1-ref.html
 
