5 files changed, 96 insertions, 0 deletions
diff --git a/image/test/reftest/blob/blob-uri-with-ref-param-notref.html b/image/test/reftest/blob/blob-uri-with-ref-param-notref.html
new file mode 100644
index 000000000..3b62a3c13
--- /dev/null
+++ b/image/test/reftest/blob/blob-uri-with-ref-param-notref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+
+<html class="reftest-wait">
+
+<body>
+  <img id="test">
+</body>
+
+<script>
+  var image = new Image;
+
+  image.onload = function() {
+    // Create a canvas.
+    var canvas = document.createElement('canvas');
+    canvas.width = 100;
+    canvas.height = 100;
+
+    // Draw the image into the canvas.
+    var ctx = canvas.getContext('2d');
+    ctx.drawImage(image, 0, 0);
+
+    // Convert the image into a blob URI and use it as #test's src.
+    canvas.toBlob(function(blob) {
+      var uri = window.URL.createObjectURL(blob);
+      uri += '#-moz-samplesize=8';
+      var testImage = document.getElementById('test');
+
+      testImage.onload = testImage.onerror = function() {
+        // Take the snapshot.
+        document.documentElement.removeAttribute('class');
+      };
+
+      testImage.src = uri;
+    }, 'image/jpeg', 0.99);
+  }
+
+  // Start loading the image.
+  image.src = 'image.png';
+</script>
+
+</html>
diff --git a/image/test/reftest/blob/blob-uri-with-ref-param.html b/image/test/reftest/blob/blob-uri-with-ref-param.html
new file mode 100644
index 000000000..8f2e4e7cf
--- /dev/null
+++ b/image/test/reftest/blob/blob-uri-with-ref-param.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+
+<html class="reftest-wait">
+
+<body>
+  <img id="test">
+</body>
+
+<script>
+  var image = new Image;
+
+  image.onload = function() {
+    // Create a canvas.
+    var canvas = document.createElement('canvas');
+    canvas.width = 100;
+    canvas.height = 100;
+
+    // Draw the image into the canvas.
+    var ctx = canvas.getContext('2d');
+    ctx.drawImage(image, 0, 0);
+
+    // Convert the image into a blob URI and use it as #test's src.
+    canvas.toBlob(function(blob) {
+      var uri = window.URL.createObjectURL(blob);
+      var testImage = document.getElementById('test');
+      
+      testImage.onload = testImage.onerror = function() {
+        // Take the snapshot.
+        document.documentElement.removeAttribute('class');
+      };
+
+      testImage.src = uri;
+    }, 'image/jpeg', 0.99);
+  }
+
+  // Start loading the image.
+  image.src = 'image.png';
+</script>
+
+</html>
diff --git a/image/test/reftest/blob/image.png b/image/test/reftest/blob/image.png
new file mode 100644
index 000000000..d7d87adce
--- /dev/null
+++ b/image/test/reftest/blob/image.png
diff --git a/image/test/reftest/blob/reftest-stylo.list b/image/test/reftest/blob/reftest-stylo.list
new file mode 100644
index 000000000..06f01ef7f
--- /dev/null
+++ b/image/test/reftest/blob/reftest-stylo.list
@@ -0,0 +1,8 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Blob URI tests 
+
+# Test that blob URIs don't get merged if they have different ref params.
+# (We run the test twice to check both cached and non-cached cases.)
+default-preferences pref(image.mozsamplesize.enabled,true)
+== blob-uri-with-ref-param.html blob-uri-with-ref-param.html
+== blob-uri-with-ref-param.html blob-uri-with-ref-param.html
diff --git a/image/test/reftest/blob/reftest.list b/image/test/reftest/blob/reftest.list
new file mode 100644
index 000000000..e795ba9d3
--- /dev/null
+++ b/image/test/reftest/blob/reftest.list
@@ -0,0 +1,7 @@
+# Blob URI tests 
+
+# Test that blob URIs don't get merged if they have different ref params.
+# (We run the test twice to check both cached and non-cached cases.)
+default-preferences pref(image.mozsamplesize.enabled,true)
+!= blob-uri-with-ref-param.html blob-uri-with-ref-param-notref.html
+!= blob-uri-with-ref-param.html blob-uri-with-ref-param-notref.html