9 files changed, 140 insertions, 0 deletions
diff --git a/layout/reftests/mp4-video/canvas-1-ref.xhtml b/layout/reftests/mp4-video/canvas-1-ref.xhtml
new file mode 100644
index 0000000000..c8c0a19175
--- /dev/null
+++ b/layout/reftests/mp4-video/canvas-1-ref.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<script>
+function done() {
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<video id="video" src="short.mp4" onloadeddata="done()"/>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/mp4-video/canvas-1.xhtml b/layout/reftests/mp4-video/canvas-1.xhtml
new file mode 100644
index 0000000000..cc5e7f5288
--- /dev/null
+++ b/layout/reftests/mp4-video/canvas-1.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<canvas id="canvas" width="320" height="240"></canvas>
+<script>
+function draw() {
+  var video = document.getElementById("video");
+  var canvas = document.getElementById("canvas");
+  var ctx = canvas.getContext("2d");
+  try {
+    ctx.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+  } catch (e) {
+  }
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<video id="video" src="short.mp4" onloadeddata="draw()" style="opacity:0"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/mp4-video/image-rendering-css-auto.html b/layout/reftests/mp4-video/image-rendering-css-auto.html
new file mode 100644
index 0000000000..4b0a319300
--- /dev/null
+++ b/layout/reftests/mp4-video/image-rendering-css-auto.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>test video image-rendering css auto</title>
+    <style type="text/css">
+      #v1 {
+        image-rendering: auto;
+      }
+    </style>
+  </head>
+
+  <body>
+    <video src="qr.mp4" preload="metadata" id="v1" style="position:absolute; left:0; top:0"></video>
+  </body>
+
+</html>
diff --git a/layout/reftests/mp4-video/image-rendering-css.html b/layout/reftests/mp4-video/image-rendering-css.html
new file mode 100644
index 0000000000..d41feb595b
--- /dev/null
+++ b/layout/reftests/mp4-video/image-rendering-css.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>test video image-rendering css -moz-crisp-edges</title>
+    <style type="text/css">
+      #v1 {
+        image-rendering: -moz-crisp-edges;
+      }
+    </style>
+  </head>
+
+  <body>
+    <video src="qr.mp4" preload="metadata" id="v1" style="position:absolute; left:0; top:0"></video>
+  </body>
+
+</html>
diff --git a/layout/reftests/mp4-video/image-rendering-ref.html b/layout/reftests/mp4-video/image-rendering-ref.html
new file mode 100644
index 0000000000..c055c0ff17
--- /dev/null
+++ b/layout/reftests/mp4-video/image-rendering-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>reference video image-rendering</title>
+  </head>
+
+  <body>
+    <img style="position:absolute; left:0; top:0; image-rendering: -moz-crisp-edges"
+     src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAACkAQMAAAAjexcCAAAABlBMVEX///8AAABVwtN+AAABO0lEQVRIx9XUwYHCMBBD0elA/Xc5HYivwQcK0AXjZK2Xg9YhZP5u2F5pNWtrL1Z0mfJI1sDEknoXzKRriUVFDHKtqtBwmNRTpkc7q5FCHbW9P4NY0RtWKuQXK5rbnT3cjfGQOkqVRpuQzLqinLx7GzB/rrqllOX2yPfETEkVu84VH7uji7DmarJFrKg9ztlpNkNbUURMqtIU6+gCbIOkjF1XlPH2QhsnLkxF3xdp3yZs2jpKi46IRx01MzS5MXNlFV29n/TBsupoWmRKQ9mQtqKKH5F8VtEVUWkzdu/Qivr7KJtL8i5hKrq+f58FbpK3o1dwNmkctZSRa5x9o6I33g/wmjwdJS0LiE+63VEOlikSRWmbjhok3PvNTurpPSscQ5iaMrMJ7N75Jc1ce8RhEzpqe/nE0sqpof82PrI5/KRnFwqAAAAAAElFTkSuQmCC"
+    >
+  </body>
+
+</html>
diff --git a/layout/reftests/mp4-video/image-rendering-script.html b/layout/reftests/mp4-video/image-rendering-script.html
new file mode 100644
index 0000000000..0b013a574f
--- /dev/null
+++ b/layout/reftests/mp4-video/image-rendering-script.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+  -->
+<html reftest-zoom="2" class="reftest-wait">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>test video image-rendering script change</title>
+    <style type="text/css">
+      #v1 {
+        image-rendering: auto;
+      }
+    </style>
+    <script type="text/javascript">
+      function updateImageRendering() {
+        var video = document.getElementById("v1");
+        video.style.imageRendering = '-moz-crisp-edges';
+        document.documentElement.removeAttribute('class');
+      }
+
+      window.addEventListener("MozReftestInvalidate", updateImageRendering);
+    </script>
+  </head>
+
+  <body>
+    <video src="qr.mp4" preload="metadata" id="v1" style="position:absolute; left:0; top:0"></video>
+  </body>
+
+</html>
diff --git a/layout/reftests/mp4-video/qr.mp4 b/layout/reftests/mp4-video/qr.mp4
new file mode 100644
index 0000000000..f788f1eb9a
--- /dev/null
+++ b/layout/reftests/mp4-video/qr.mp4
diff --git a/layout/reftests/mp4-video/reftest.list b/layout/reftests/mp4-video/reftest.list
new file mode 100644
index 0000000000..6462ae1820
--- /dev/null
+++ b/layout/reftests/mp4-video/reftest.list
@@ -0,0 +1,4 @@
+skip-if(winWidget) == canvas-1.xhtml canvas-1-ref.xhtml
+fuzzy-if(OSX,1-1,107584-107584) == image-rendering-css.html image-rendering-ref.html
+fuzzy-if(OSX,1-1,107584-107584) == image-rendering-script.html image-rendering-ref.html
+fuzzy-if(OSX,0-1,0-107584) != image-rendering-css.html image-rendering-css-auto.html
diff --git a/layout/reftests/mp4-video/short.mp4 b/layout/reftests/mp4-video/short.mp4
new file mode 100644
index 0000000000..802da047bc
--- /dev/null
+++ b/layout/reftests/mp4-video/short.mp4