diff options
Diffstat (limited to 'image/test/reftest/encoders-lossless/encoder.html')
-rw-r--r-- | image/test/reftest/encoders-lossless/encoder.html | 113 |
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 000000000..6e07995ae --- /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> |