1 files changed, 113 insertions, 0 deletions
diff --git a/image/test/reftest/encoders-lossless/encoder.html b/image/test/reftest/encoders-lossless/encoder.html
new file mode 100644
index 0000000000..6e07995ae3
--- /dev/null
+++ b/image/test/reftest/encoders-lossless/encoder.html
@@ -0,0 +1,113 @@
+<html class="reftest-wait">
+<head>
+  <title>Image reftest wrapper</title>
+  <link rel="stylesheet" href="ImageDocument.css">
+  <style type="text/css">
+    #image_from_encoder { background-color: rgb(10, 100, 250); }
+  </style>
+
+  <script>
+  // Parse out the URL command line params
+  // Valid options are:
+  // - img=<reference image to use>
+  // - mime=<mime type>
+  // - options=<canvas toDataURL encoder options>
+  // Example: 
+  // encoder.html?img=escape(reference_image.png)
+  //             &mime=escape(image/ico)
+  //             &options=escape(-moz-parse-options:bpp=24;format=png)
+  var getVars = {};
+  function buildValue(sValue) 
+  {
+    if (/^\s*$/.test(sValue)) { 
+      return null; 
+    }
+    if (/^(true|false)$/i.test(sValue)) {
+      return sValue.toLowerCase() === "true"; 
+    }
+    if (isFinite(sValue)) { 
+      return parseFloat(sValue); 
+    }
+    if (isFinite(Date.parse(sValue))) { 
+      return new Date(sValue); 
+    }
+    return sValue;
+  }
+  if (window.location.search.length > 1) {
+    var couple, couples = window.location.search.substr(1).split("&");
+    for (var couplId = 0; couplId < couples.length; couplId++) {
+      couple = couples[couplId].split("=");
+      getVars[unescape(couple[0])] = couple.length > 1 ? 
+                                       buildValue(unescape(couple[1])) : null;
+    }
+  }
+
+  // Create the image that we will load the reference image to 
+  var img = new Image();
+
+  // Create the canvas that we will draw the image img onto and
+  // eventually call toDataURL to invoke the encoder on
+  var canvas = document.createElement("canvas");
+
+  // Starts the test by loading the reference image
+  function runTest() 
+  {
+    // Load the reference image to start the test
+    img.onload = onReferenceImageLoad;
+    img.onerror = onReferenceImageLoad;
+    img.src = getVars.img;
+  }
+
+  // Once the encoded image from the canvas is loaded we can
+  // let the reftest compare
+  function onEncodedImageLoad() 
+  {
+    document.documentElement.removeAttribute("class");
+  }
+
+  // Once the image loads async, we then draw the image onto the canvas,
+  // and call canvas.toDataURL to invoke the encoder, and then set a new
+  // image to the encoded data URL
+  function onReferenceImageLoad() 
+  {
+    // mimeType will hold the mime type of which encoder to invoke
+    var mimeType = getVars.mime;
+    // parseOptions will hold the encoder options to use 
+    var parseOptions = getVars.options;
+
+    // Obtain the canvas and draw the reference image
+    canvas.width = img.width;
+    canvas.height = img.height;
+    var ctx = canvas.getContext('2d')
+    ctx.drawImage(img, 0, 0);
+
+    // Obtain the data URL with parsing options if specified
+    var dataURL;
+    if (parseOptions) 
+      dataURL = canvas.toDataURL(mimeType, parseOptions);
+    else
+      dataURL = canvas.toDataURL(mimeType);
+
+    // Setup async image loaded events
+    var image_from_encoder = document.getElementById('image_from_encoder');
+    image_from_encoder.onload = onEncodedImageLoad;
+    image_from_encoder.onerror = onEncodedImageLoad;
+
+    // Only set the image if we have the correct mime type
+    // because we want to fail the ref test if toDataURL fell
+    // back to image/png
+    if (dataURL.substring(0, mimeType.length+5) == "data:" + mimeType) {
+      // Set the image to the BMP data URL
+      image_from_encoder.src = dataURL; 
+    } else {
+      // Blank image so that we won't have to timeout the reftest
+      image_from_encoder.src = "data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D";
+    }
+  };
+  </script>
+</head>
+
+<body onload="runTest()">
+<img id="image_from_encoder">
+</body>
+</html>