Vivien Nicolas
14 years ago
28 changed files with 2948 additions and 418 deletions
@ -0,0 +1,3 @@
@@ -0,0 +1,3 @@
|
||||
pdf.pdf |
||||
intelisa.pdf |
||||
openweb_tm-PRINT.pdf |
||||
@ -0,0 +1,260 @@
@@ -0,0 +1,260 @@
|
||||
/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- / |
||||
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */ |
||||
|
||||
"use strict"; |
||||
|
||||
var ARCFourCipher = (function() { |
||||
function constructor(key) { |
||||
this.a = 0; |
||||
this.b = 0; |
||||
var s = new Uint8Array(256); |
||||
var i, j = 0, tmp, keyLength = key.length; |
||||
for (i = 0; i < 256; ++i) |
||||
s[i] = i; |
||||
for (i = 0; i < 256; ++i) { |
||||
tmp = s[i]; |
||||
j = (j + tmp + key[i % keyLength]) & 0xFF; |
||||
s[i] = s[j]; |
||||
s[j] = tmp; |
||||
} |
||||
this.s = s; |
||||
} |
||||
|
||||
constructor.prototype = { |
||||
encryptBlock: function(data) { |
||||
var i, n = data.length, tmp, tmp2; |
||||
var a = this.a, b = this.b, s = this.s; |
||||
var output = new Uint8Array(n); |
||||
for (i = 0; i < n; ++i) { |
||||
var tmp; |
||||
a = (a + 1) & 0xFF; |
||||
tmp = s[a]; |
||||
b = (b + tmp) & 0xFF; |
||||
tmp2 = s[b] |
||||
s[a] = tmp2; |
||||
s[b] = tmp; |
||||
output[i] = data[i] ^ s[(tmp + tmp2) & 0xFF]; |
||||
} |
||||
this.a = a; |
||||
this.b = b; |
||||
return output; |
||||
} |
||||
}; |
||||
|
||||
return constructor; |
||||
})(); |
||||
|
||||
var md5 = (function() { |
||||
var r = new Uint8Array([ |
||||
7, 12, 17, 22, 7, 12, 17, 22, 7, 12, 17, 22, 7, 12, 17, 22, |
||||
5, 9, 14, 20, 5, 9, 14, 20, 5, 9, 14, 20, 5, 9, 14, 20, |
||||
4, 11, 16, 23, 4, 11, 16, 23, 4, 11, 16, 23, 4, 11, 16, 23, |
||||
6, 10, 15, 21, 6, 10, 15, 21, 6, 10, 15, 21, 6, 10, 15, 21]); |
||||
var k = new Int32Array([ |
||||
-680876936, -389564586, 606105819, -1044525330, -176418897, 1200080426, |
||||
-1473231341, -45705983, 1770035416, -1958414417, -42063, -1990404162, |
||||
1804603682, -40341101, -1502002290, 1236535329, -165796510, -1069501632, |
||||
643717713, -373897302, -701558691, 38016083, -660478335, -405537848, 568446438, |
||||
-1019803690, -187363961, 1163531501, -1444681467, -51403784, 1735328473, |
||||
-1926607734, -378558, -2022574463, 1839030562, -35309556, -1530992060, |
||||
1272893353, -155497632, -1094730640, 681279174, -358537222, -722521979, |
||||
76029189, -640364487, -421815835, 530742520, -995338651, -198630844, 1126891415, |
||||
-1416354905, -57434055, 1700485571, -1894986606, -1051523, -2054922799, |
||||
1873313359, -30611744, -1560198380, 1309151649, -145523070, -1120210379, |
||||
718787259, -343485551]); |
||||
|
||||
function hash(data, offset, length) { |
||||
var h0 = 1732584193, h1 = -271733879, h2 = -1732584194, h3 = 271733878; |
||||
// pre-processing
|
||||
var paddedLength = (length + 72) & ~63; // data + 9 extra bytes
|
||||
var padded = new Uint8Array(paddedLength); |
||||
var i, j, n; |
||||
for (i = 0; i < length; ++i) |
||||
padded[i] = data[offset++]; |
||||
padded[i++] = 0x80; |
||||
n = paddedLength - 8; |
||||
for (; i < n; ++i) |
||||
padded[i] = 0; |
||||
padded[i++] = (length << 3) & 0xFF; |
||||
padded[i++] = (length >> 5) & 0xFF; |
||||
padded[i++] = (length >> 13) & 0xFF; |
||||
padded[i++] = (length >> 21) & 0xFF; |
||||
padded[i++] = (length >>> 29) & 0xFF; |
||||
padded[i++] = 0; |
||||
padded[i++] = 0; |
||||
padded[i++] = 0; |
||||
// chunking
|
||||
// TODO ArrayBuffer ?
|
||||
var w = new Int32Array(16); |
||||
for (i = 0; i < paddedLength;) { |
||||
for (j = 0; j < 16; ++j, i += 4) |
||||
w[j] = padded[i] | (padded[i + 1] << 8) | (padded[i + 2] << 16) | (padded[i + 3] << 24); |
||||
var a = h0, b = h1, c = h2, d = h3, f, g; |
||||
for (j = 0; j < 64; ++j) { |
||||
if (j < 16) { |
||||
f = (b & c) | ((~b) & d); |
||||
g = j; |
||||
} else if (j < 32) { |
||||
f = (d & b) | ((~d) & c); |
||||
g = (5 * j + 1) & 15; |
||||
} else if (j < 48) { |
||||
f = b ^ c ^ d; |
||||
g = (3 * j + 5) & 15; |
||||
} else { |
||||
f = c ^ (b | (~d)); |
||||
g = (7 * j) & 15; |
||||
} |
||||
var tmp = d, rotateArg = (a + f + k[j] + w[g]) | 0, rotate = r[j]; |
||||
d = c; |
||||
c = b; |
||||
b = (b + ((rotateArg << rotate) | (rotateArg >>> (32 - rotate)))) | 0; |
||||
a = tmp; |
||||
} |
||||
h0 = (h0 + a) | 0; |
||||
h1 = (h1 + b) | 0; |
||||
h2 = (h2 + c) | 0; |
||||
h3 = (h3 + d) | 0; |
||||
} |
||||
return new Uint8Array([ |
||||
h0 & 0xFF, (h0 >> 8) & 0xFF, (h0 >> 16) & 0xFF, (h0 >>> 24) & 0xFF, |
||||
h1 & 0xFF, (h1 >> 8) & 0xFF, (h1 >> 16) & 0xFF, (h1 >>> 24) & 0xFF, |
||||
h2 & 0xFF, (h2 >> 8) & 0xFF, (h2 >> 16) & 0xFF, (h2 >>> 24) & 0xFF, |
||||
h3 & 0xFF, (h3 >> 8) & 0xFF, (h3 >> 16) & 0xFF, (h3 >>> 24) & 0xFF |
||||
]); |
||||
} |
||||
return hash; |
||||
})(); |
||||
|
||||
var CipherTransform = (function() { |
||||
function constructor(stringCipherConstructor, streamCipherConstructor) { |
||||
this.stringCipherConstructor = stringCipherConstructor; |
||||
this.streamCipherConstructor = streamCipherConstructor; |
||||
} |
||||
constructor.prototype = { |
||||
createStream: function (stream) { |
||||
var cipher = new this.streamCipherConstructor(); |
||||
return new DecryptStream(stream, function(data) { |
||||
return cipher.encryptBlock(data); |
||||
}); |
||||
}, |
||||
decryptString: function(s) { |
||||
var cipher = new this.stringCipherConstructor(); |
||||
var data = string2bytes(s); |
||||
data = cipher.encryptBlock(data); |
||||
return bytes2string(data); |
||||
} |
||||
}; |
||||
return constructor; |
||||
})(); |
||||
|
||||
var CipherTransformFactory = (function() { |
||||
function prepareKeyData(fileId, password, ownerPassword, userPassword, flags, revision, keyLength) { |
||||
var defaultPasswordBytes = new Uint8Array([ |
||||
0x28, 0xBF, 0x4E, 0x5E, 0x4E, 0x75, 0x8A, 0x41, 0x64, 0x00, 0x4E, 0x56, 0xFF, 0xFA, 0x01, 0x08, |
||||
0x2E, 0x2E, 0x00, 0xB6, 0xD0, 0x68, 0x3E, 0x80, 0x2F, 0x0C, 0xA9, 0xFE, 0x64, 0x53, 0x69, 0x7A]); |
||||
var hashData = new Uint8Array(88), i = 0, j, n; |
||||
if (password) { |
||||
n = Math.min(32, password.length); |
||||
for (; i < n; ++i) |
||||
hashData[i] = password[i]; |
||||
} |
||||
j = 0; |
||||
while (i < 32) { |
||||
hashData[i++] = defaultPasswordBytes[j++]; |
||||
} |
||||
// as now the padded password in the hashData[0..i]
|
||||
for (j = 0, n = ownerPassword.length; j < n; ++j) |
||||
hashData[i++] = ownerPassword[j]; |
||||
hashData[i++] = flags & 0xFF; |
||||
hashData[i++] = (flags >> 8) & 0xFF; |
||||
hashData[i++] = (flags >> 16) & 0xFF; |
||||
hashData[i++] = (flags >>> 24) & 0xFF; |
||||
for (j = 0, n = fileId.length; j < n; ++j) |
||||
hashData[i++] = fileId[j]; |
||||
// TODO rev 4, if metadata is not encrypted pass 0xFFFFFF also
|
||||
var hash = md5(hashData, 0, i); |
||||
var keyLengthInBytes = keyLength >> 3; |
||||
if (revision >= 3) { |
||||
for (j = 0; j < 50; ++j) { |
||||
hash = md5(hash, 0, keyLengthInBytes); |
||||
} |
||||
} |
||||
var encryptionKey = hash.subarray(0, keyLengthInBytes); |
||||
var cipher, checkData; |
||||
|
||||
if (revision >= 3) { |
||||
// padded password in hashData, we can use this array for user password check
|
||||
i = 32; |
||||
for(j = 0, n = fileId.length; j < n; ++j) |
||||
hashData[i++] = fileId[j]; |
||||
cipher = new ARCFourCipher(encryptionKey); |
||||
var checkData = cipher.encryptBlock(md5(hashData, 0, i)); |
||||
n = encryptionKey.length; |
||||
var derrivedKey = new Uint8Array(n), k; |
||||
for (j = 1; j <= 19; ++j) { |
||||
for (k = 0; k < n; ++k) |
||||
derrivedKey[k] = encryptionKey[k] ^ j; |
||||
cipher = new ARCFourCipher(derrivedKey); |
||||
checkData = cipher.encryptBlock(checkData); |
||||
} |
||||
} else { |
||||
cipher = new ARCFourCipher(encryptionKey); |
||||
checkData = cipher.encryptBlock(hashData.subarray(0, 32)); |
||||
} |
||||
for (j = 0, n = checkData.length; j < n; ++j) { |
||||
if (userPassword[j] != checkData[j]) |
||||
error("incorrect password"); |
||||
} |
||||
return encryptionKey; |
||||
} |
||||
|
||||
function constructor(dict, fileId, password) { |
||||
var filter = dict.get("Filter"); |
||||
if (!IsName(filter) || filter.name != "Standard") |
||||
error("unknown encryption method"); |
||||
this.dict = dict; |
||||
var algorithm = dict.get("V"); |
||||
if (!IsInt(algorithm) || |
||||
(algorithm != 1 && algorithm != 2)) |
||||
error("unsupported encryption algorithm"); |
||||
// TODO support algorithm 4
|
||||
var keyLength = dict.get("Length") || 40; |
||||
if (!IsInt(keyLength) || |
||||
keyLength < 40 || (keyLength % 8) != 0) |
||||
error("invalid key length"); |
||||
// prepare keys
|
||||
var ownerPassword = stringToBytes(dict.get("O")); |
||||
var userPassword = stringToBytes(dict.get("U")); |
||||
var flags = dict.get("P"); |
||||
var revision = dict.get("R"); |
||||
var fileIdBytes = stringToBytes(fileId); |
||||
var passwordBytes; |
||||
if (password) |
||||
passwordBytes = stringToBytes(password); |
||||
|
||||
this.encryptionKey = prepareKeyData(fileIdBytes, passwordBytes, |
||||
ownerPassword, userPassword, flags, revision, keyLength); |
||||
} |
||||
|
||||
constructor.prototype = { |
||||
createCipherTransform: function(num, gen) { |
||||
var encryptionKey = this.encryptionKey; |
||||
var key = new Uint8Array(encryptionKey.length + 5), i, n; |
||||
for (i = 0, n = encryptionKey.length; i < n; ++i) |
||||
key[i] = encryptionKey[i]; |
||||
key[i++] = num & 0xFF; |
||||
key[i++] = (num >> 8) & 0xFF; |
||||
key[i++] = (num >> 16) & 0xFF; |
||||
key[i++] = gen & 0xFF; |
||||
key[i++] = (gen >> 8) & 0xFF; |
||||
var hash = md5(key, 0, i); |
||||
key = hash.subarray(0, Math.min(key.length, 16)); |
||||
var cipherConstructor = function() { |
||||
return new ARCFourCipher(key); |
||||
}; |
||||
return new CipherTransform(cipherConstructor, cipherConstructor); |
||||
} |
||||
}; |
||||
|
||||
return constructor; |
||||
})(); |
||||
@ -1 +1,3 @@
@@ -1 +1,3 @@
|
||||
pdf.pdf |
||||
intelisa.pdf |
||||
openweb_tm-PRINT.pdf |
||||
|
||||
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
http://www.intel.com/Assets/PDF/manual/253665.pdf |
||||
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
http://openweb.flossmanuals.net/materials/openweb_tm-PRINT.pdf |
||||
Binary file not shown.
@ -0,0 +1,10 @@
@@ -0,0 +1,10 @@
|
||||
[ |
||||
{ |
||||
"name":"firefox7", |
||||
"path":"/home/sayrer/firefoxen/nightly/firefox" |
||||
}, |
||||
{ |
||||
"name":"chrome14", |
||||
"path":"/opt/google/chrome/chrome" |
||||
} |
||||
] |
||||
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,601 @@
@@ -0,0 +1,601 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?> |
||||
<!-- vim: set shiftwidth=4 tabstop=4 autoindent noexpandtab: --> |
||||
<!-- ***** BEGIN LICENSE BLOCK ***** |
||||
- Version: MPL 1.1/GPL 2.0/LGPL 2.1 |
||||
- |
||||
- The contents of this file are subject to the Mozilla Public License Version |
||||
- 1.1 (the "License"); you may not use this file except in compliance with |
||||
- the License. You may obtain a copy of the License at |
||||
- http://www.mozilla.org/MPL/ |
||||
- |
||||
- Software distributed under the License is distributed on an "AS IS" basis, |
||||
- WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License |
||||
- for the specific language governing rights and limitations under the |
||||
- License. |
||||
- |
||||
- The Original Code is reftest-analyzer.html. |
||||
- |
||||
- The Initial Developer of the Original Code is the Mozilla Foundation. |
||||
- Portions created by the Initial Developer are Copyright (C) 2008 |
||||
- the Initial Developer. All Rights Reserved. |
||||
- |
||||
- Contributor(s): |
||||
- L. David Baron <dbaron@dbaron.org>, Mozilla Corporation (original author) |
||||
- |
||||
- Alternatively, the contents of this file may be used under the terms of |
||||
- either the GNU General Public License Version 2 or later (the "GPL"), or |
||||
- the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), |
||||
- in which case the provisions of the GPL or the LGPL are applicable instead |
||||
- of those above. If you wish to allow use of your version of this file only |
||||
- under the terms of either the GPL or the LGPL, and not to allow others to |
||||
- use your version of this file under the terms of the MPL, indicate your |
||||
- decision by deleting the provisions above and replace them with the notice |
||||
- and other provisions required by the LGPL or the GPL. If you do not delete |
||||
- the provisions above, a recipient may use your version of this file under |
||||
- the terms of any one of the MPL, the GPL or the LGPL. |
||||
- |
||||
- ***** END LICENSE BLOCK ***** --> |
||||
<!-- |
||||
|
||||
Features to add: |
||||
* make the left and right parts of the viewer independently scrollable |
||||
* make the test list filterable |
||||
** default to only showing unexpecteds |
||||
* add other ways to highlight differences other than circling? |
||||
* add zoom/pan to images |
||||
* Add ability to load log via XMLHttpRequest (also triggered via URL param) |
||||
* color the test list based on pass/fail and expected/unexpected/random/skip |
||||
* ability to load multiple logs ? |
||||
** rename them by clicking on the name and editing |
||||
** turn the test list into a collapsing tree view |
||||
** move log loading into popup from viewer UI |
||||
|
||||
--> |
||||
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<title>Reftest analyzer</title> |
||||
<style type="text/css"><![CDATA[ |
||||
|
||||
html, body { margin: 0; } |
||||
html { padding: 0; } |
||||
body { padding: 4px; } |
||||
|
||||
#pixelarea, #itemlist, #images { position: absolute; } |
||||
#itemlist, #images { overflow: auto; } |
||||
#pixelarea { top: 0; left: 0; width: 320px; height: 84px; overflow: visible } |
||||
#itemlist { top: 84px; left: 0; width: 320px; bottom: 0; } |
||||
#images { top: 0; bottom: 0; left: 320px; right: 0; } |
||||
|
||||
#leftpane { width: 320px; } |
||||
#images { position: fixed; top: 10px; left: 340px; } |
||||
|
||||
form#imgcontrols { margin: 0; display: block; } |
||||
|
||||
#itemlist > table { border-collapse: collapse; } |
||||
#itemlist > table > tbody > tr > td { border: 1px solid; padding: 1px; } |
||||
|
||||
/* |
||||
#itemlist > table > tbody > tr.pass > td.url { background: lime; } |
||||
#itemlist > table > tbody > tr.fail > td.url { background: red; } |
||||
*/ |
||||
|
||||
#magnification > svg { display: block; width: 84px; height: 84px; } |
||||
|
||||
#pixelinfo { font: small sans-serif; position: absolute; width: 200px; left: 84px; } |
||||
#pixelinfo table { border-collapse: collapse; } |
||||
#pixelinfo table th { white-space: nowrap; text-align: left; padding: 0; } |
||||
#pixelinfo table td { font-family: monospace; padding: 0 0 0 0.25em; } |
||||
|
||||
#pixelhint { display: inline; color: #88f; cursor: help; } |
||||
#pixelhint > * { display: none; position: absolute; margin: 8px 0 0 8px; padding: 4px; width: 400px; background: #ffa; color: black; box-shadow: 3px 3px 2px #888; z-index: 1; } |
||||
#pixelhint:hover { color: #000; } |
||||
#pixelhint:hover > * { display: block; } |
||||
#pixelhint p { margin: 0; } |
||||
#pixelhint p + p { margin-top: 1em; } |
||||
|
||||
]]></style> |
||||
<script type="text/javascript"><![CDATA[ |
||||
|
||||
var XLINK_NS = "http://www.w3.org/1999/xlink"; |
||||
var SVG_NS = "http://www.w3.org/2000/svg"; |
||||
|
||||
var gPhases = null; |
||||
|
||||
var gIDCache = {}; |
||||
|
||||
var gMagPixPaths = []; // 2D array of array-of-two <path> objects used in the pixel magnifier |
||||
var gMagWidth = 5; // number of zoomed in pixels to show horizontally |
||||
var gMagHeight = 5; // number of zoomed in pixels to show vertically |
||||
var gMagZoom = 16; // size of the zoomed in pixels |
||||
var gImage1Data; // ImageData object for the reference image |
||||
var gImage2Data; // ImageData object for the test output image |
||||
var gFlashingPixels = []; // array of <path> objects that should be flashed due to pixel color mismatch |
||||
|
||||
function ID(id) { |
||||
if (!(id in gIDCache)) |
||||
gIDCache[id] = document.getElementById(id); |
||||
return gIDCache[id]; |
||||
} |
||||
|
||||
function hash_parameters() { |
||||
var result = { }; |
||||
var params = window.location.hash.substr(1).split(/[&;]/); |
||||
for (var i = 0; i < params.length; i++) { |
||||
var parts = params[i].split("="); |
||||
result[parts[0]] = unescape(unescape(parts[1])); |
||||
} |
||||
return result; |
||||
} |
||||
|
||||
function load() { |
||||
gPhases = [ ID("entry"), ID("loading"), ID("viewer") ]; |
||||
build_mag(); |
||||
var params = hash_parameters(); |
||||
if (params.log) { |
||||
ID("logentry").value = params.log; |
||||
log_pasted(); |
||||
} else if (params.web) { |
||||
loadFromWeb(params.web); |
||||
} |
||||
} |
||||
|
||||
function build_mag() { |
||||
var mag = ID("mag"); |
||||
|
||||
var r = document.createElementNS(SVG_NS, "rect"); |
||||
r.setAttribute("x", gMagZoom * -gMagWidth / 2); |
||||
r.setAttribute("y", gMagZoom * -gMagHeight / 2); |
||||
r.setAttribute("width", gMagZoom * gMagWidth); |
||||
r.setAttribute("height", gMagZoom * gMagHeight); |
||||
mag.appendChild(r); |
||||
|
||||
mag.setAttribute("transform", "translate(" + (gMagZoom * (gMagWidth / 2) + 1) + "," + (gMagZoom * (gMagHeight / 2) + 1) + ")"); |
||||
|
||||
for (var x = 0; x < gMagWidth; x++) { |
||||
gMagPixPaths[x] = []; |
||||
for (var y = 0; y < gMagHeight; y++) { |
||||
var p1 = document.createElementNS(SVG_NS, "path"); |
||||
p1.setAttribute("d", "M" + ((x - gMagWidth / 2) + 1) * gMagZoom + "," + (y - gMagHeight / 2) * gMagZoom + "h" + -gMagZoom + "v" + gMagZoom); |
||||
p1.setAttribute("stroke", "black"); |
||||
p1.setAttribute("stroke-width", "1px"); |
||||
p1.setAttribute("fill", "#aaa"); |
||||
|
||||
var p2 = document.createElementNS(SVG_NS, "path"); |
||||
p2.setAttribute("d", "M" + ((x - gMagWidth / 2) + 1) * gMagZoom + "," + (y - gMagHeight / 2) * gMagZoom + "v" + gMagZoom + "h" + -gMagZoom); |
||||
p2.setAttribute("stroke", "black"); |
||||
p2.setAttribute("stroke-width", "1px"); |
||||
p2.setAttribute("fill", "#888"); |
||||
|
||||
mag.appendChild(p1); |
||||
mag.appendChild(p2); |
||||
gMagPixPaths[x][y] = [p1, p2]; |
||||
} |
||||
} |
||||
|
||||
var flashedOn = false; |
||||
setInterval(function() { |
||||
flashedOn = !flashedOn; |
||||
flash_pixels(flashedOn); |
||||
}, 500); |
||||
} |
||||
|
||||
function show_phase(phaseid) { |
||||
for (var i in gPhases) { |
||||
var phase = gPhases[i]; |
||||
phase.style.display = (phase.id == phaseid) ? "" : "none"; |
||||
} |
||||
|
||||
if (phase == "viewer") |
||||
ID("images").style.display = "none"; |
||||
} |
||||
|
||||
function loadFromWeb(url) { |
||||
var r = new XMLHttpRequest(); |
||||
r.open("GET", url); |
||||
r.onreadystatechange = function() { |
||||
if (r.readyState == 4) { |
||||
process_log(r.response); |
||||
} |
||||
} |
||||
r.send(null); |
||||
} |
||||
|
||||
function fileentry_changed() { |
||||
show_phase("loading"); |
||||
var input = ID("fileentry"); |
||||
var files = input.files; |
||||
if (files.length > 0) { |
||||
// Only handle the first file; don't handle multiple selection. |
||||
// The parts of the log we care about are ASCII-only. Since we |
||||
// can ignore lines we don't care about, best to read in as |
||||
// iso-8859-1, which guarantees we don't get decoding errors. |
||||
var fileReader = new FileReader(); |
||||
fileReader.onload = function(e) { |
||||
var log = null; |
||||
|
||||
log = e.target.result; |
||||
|
||||
if (log) |
||||
process_log(log); |
||||
else |
||||
show_phase("entry"); |
||||
} |
||||
fileReader.readAsText(files[0], "iso-8859-1"); |
||||
} |
||||
// So the user can process the same filename again (after |
||||
// overwriting the log), clear the value on the form input so we |
||||
// will always get an onchange event. |
||||
input.value = ""; |
||||
} |
||||
|
||||
function log_pasted() { |
||||
show_phase("loading"); |
||||
var entry = ID("logentry"); |
||||
var log = entry.value; |
||||
entry.value = ""; |
||||
process_log(log); |
||||
} |
||||
|
||||
var gTestItems; |
||||
|
||||
function process_log(contents) { |
||||
var lines = contents.split(/[\r\n]+/); |
||||
gTestItems = []; |
||||
for (var j in lines) { |
||||
var line = lines[j]; |
||||
var match = line.match(/^(?:NEXT ERROR )?REFTEST (.*)$/); |
||||
if (!match) |
||||
continue; |
||||
line = match[1]; |
||||
match = line.match(/^(TEST-PASS|TEST-UNEXPECTED-PASS|TEST-KNOWN-FAIL|TEST-UNEXPECTED-FAIL)(\(EXPECTED RANDOM\)|) \| ([^\|]+) \|(.*)/); |
||||
if (match) { |
||||
var state = match[1]; |
||||
var random = match[2]; |
||||
var url = match[3]; |
||||
var extra = match[4]; |
||||
gTestItems.push( |
||||
{ |
||||
pass: !state.match(/FAIL$/), |
||||
// only one of the following three should ever be true |
||||
unexpected: !!state.match(/^TEST-UNEXPECTED/), |
||||
random: (random == "(EXPECTED RANDOM)"), |
||||
skip: (extra == " (SKIP)"), |
||||
url: url, |
||||
images: [] |
||||
}); |
||||
continue; |
||||
} |
||||
match = line.match(/^ IMAGE[^:]*: (.*)$/); |
||||
if (match) { |
||||
var item = gTestItems[gTestItems.length - 1]; |
||||
item.images.push(match[1]); |
||||
} |
||||
} |
||||
|
||||
build_viewer(); |
||||
} |
||||
|
||||
function build_viewer() { |
||||
if (gTestItems.length == 0) { |
||||
show_phase("entry"); |
||||
return; |
||||
} |
||||
|
||||
var cell = ID("itemlist"); |
||||
while (cell.childNodes.length > 0) |
||||
cell.removeChild(cell.childNodes[cell.childNodes.length - 1]); |
||||
|
||||
var table = document.createElement("table"); |
||||
var tbody = document.createElement("tbody"); |
||||
table.appendChild(tbody); |
||||
|
||||
for (var i in gTestItems) { |
||||
var item = gTestItems[i]; |
||||
|
||||
// XXX skip expected pass items until we have filtering UI |
||||
if (item.pass && !item.unexpected) |
||||
continue; |
||||
|
||||
var tr = document.createElement("tr"); |
||||
var rowclass = item.pass ? "pass" : "fail"; |
||||
var td; |
||||
var text; |
||||
|
||||
td = document.createElement("td"); |
||||
text = ""; |
||||
if (item.unexpected) { text += "!"; rowclass += " unexpected"; } |
||||
if (item.random) { text += "R"; rowclass += " random"; } |
||||
if (item.skip) { text += "S"; rowclass += " skip"; } |
||||
td.appendChild(document.createTextNode(text)); |
||||
tr.appendChild(td); |
||||
|
||||
td = document.createElement("td"); |
||||
td.className = "url"; |
||||
// Only display part of URL after "/mozilla/". |
||||
var match = item.url.match(/\/mozilla\/(.*)/); |
||||
text = document.createTextNode(match ? match[1] : item.url); |
||||
if (item.images.length > 0) { |
||||
var a = document.createElement("a"); |
||||
a.href = "javascript:show_images(" + i + ")"; |
||||
a.appendChild(text); |
||||
td.appendChild(a); |
||||
} else { |
||||
td.appendChild(text); |
||||
} |
||||
tr.appendChild(td); |
||||
|
||||
tbody.appendChild(tr); |
||||
} |
||||
|
||||
cell.appendChild(table); |
||||
|
||||
show_phase("viewer"); |
||||
} |
||||
|
||||
function get_image_data(src, whenReady) { |
||||
var img = new Image(); |
||||
img.onload = function() { |
||||
var canvas = document.createElement("canvas"); |
||||
canvas.width = 800; |
||||
canvas.height = 1000; |
||||
|
||||
var ctx = canvas.getContext("2d"); |
||||
ctx.drawImage(img, 0, 0); |
||||
|
||||
whenReady(ctx.getImageData(0, 0, 800, 1000)); |
||||
}; |
||||
img.src = src; |
||||
} |
||||
|
||||
function show_images(i) { |
||||
var item = gTestItems[i]; |
||||
var cell = ID("images"); |
||||
|
||||
ID("image1").style.display = ""; |
||||
ID("image2").style.display = "none"; |
||||
ID("diffrect").style.display = "none"; |
||||
ID("imgcontrols").reset(); |
||||
|
||||
ID("image1").setAttributeNS(XLINK_NS, "xlink:href", item.images[0]); |
||||
// Making the href be #image1 doesn't seem to work |
||||
ID("feimage1").setAttributeNS(XLINK_NS, "xlink:href", item.images[0]); |
||||
if (item.images.length == 1) { |
||||
ID("imgcontrols").style.display = "none"; |
||||
} else { |
||||
ID("imgcontrols").style.display = ""; |
||||
|
||||
ID("image2").setAttributeNS(XLINK_NS, "xlink:href", item.images[1]); |
||||
// Making the href be #image2 doesn't seem to work |
||||
ID("feimage2").setAttributeNS(XLINK_NS, "xlink:href", item.images[1]); |
||||
} |
||||
|
||||
cell.style.display = ""; |
||||
|
||||
get_image_data(item.images[0], function(data) { gImage1Data = data }); |
||||
get_image_data(item.images[1], function(data) { gImage2Data = data }); |
||||
} |
||||
|
||||
function show_image(i) { |
||||
if (i == 1) { |
||||
ID("image1").style.display = ""; |
||||
ID("image2").style.display = "none"; |
||||
} else { |
||||
ID("image1").style.display = "none"; |
||||
ID("image2").style.display = ""; |
||||
} |
||||
} |
||||
|
||||
function show_differences(cb) { |
||||
ID("diffrect").style.display = cb.checked ? "" : "none"; |
||||
} |
||||
|
||||
function flash_pixels(on) { |
||||
var stroke = on ? "red" : "black"; |
||||
var strokeWidth = on ? "2px" : "1px"; |
||||
for (var i = 0; i < gFlashingPixels.length; i++) { |
||||
gFlashingPixels[i].setAttribute("stroke", stroke); |
||||
gFlashingPixels[i].setAttribute("stroke-width", strokeWidth); |
||||
} |
||||
} |
||||
|
||||
function cursor_point(evt) { |
||||
var m = evt.target.getScreenCTM().inverse(); |
||||
var p = ID("svg").createSVGPoint(); |
||||
p.x = evt.clientX; |
||||
p.y = evt.clientY; |
||||
p = p.matrixTransform(m); |
||||
return { x: Math.floor(p.x), y: Math.floor(p.y) }; |
||||
} |
||||
|
||||
function hex2(i) { |
||||
return (i < 16 ? "0" : "") + i.toString(16); |
||||
} |
||||
|
||||
function canvas_pixel_as_hex(data, x, y) { |
||||
var offset = (y * data.width + x) * 4; |
||||
var r = data.data[offset]; |
||||
var g = data.data[offset + 1]; |
||||
var b = data.data[offset + 2]; |
||||
return "#" + hex2(r) + hex2(g) + hex2(b); |
||||
} |
||||
|
||||
function hex_as_rgb(hex) { |
||||
return "rgb(" + [parseInt(hex.substring(1, 3), 16), parseInt(hex.substring(3, 5), 16), parseInt(hex.substring(5, 7), 16)] + ")"; |
||||
} |
||||
|
||||
function magnify(evt) { |
||||
var { x: x, y: y } = cursor_point(evt); |
||||
var centerPixelColor1, centerPixelColor2; |
||||
|
||||
var dx_lo = -Math.floor(gMagWidth / 2); |
||||
var dx_hi = Math.floor(gMagWidth / 2); |
||||
var dy_lo = -Math.floor(gMagHeight / 2); |
||||
var dy_hi = Math.floor(gMagHeight / 2); |
||||
|
||||
flash_pixels(false); |
||||
gFlashingPixels = []; |
||||
for (var j = dy_lo; j <= dy_hi; j++) { |
||||
for (var i = dx_lo; i <= dx_hi; i++) { |
||||
var px = x + i; |
||||
var py = y + j; |
||||
var p1 = gMagPixPaths[i + dx_hi][j + dy_hi][0]; |
||||
var p2 = gMagPixPaths[i + dx_hi][j + dy_hi][1]; |
||||
if (px < 0 || py < 0 || px >= 800 || py >= 1000) { |
||||
p1.setAttribute("fill", "#aaa"); |
||||
p2.setAttribute("fill", "#888"); |
||||
} else { |
||||
var color1 = canvas_pixel_as_hex(gImage1Data, x + i, y + j); |
||||
var color2 = canvas_pixel_as_hex(gImage2Data, x + i, y + j); |
||||
p1.setAttribute("fill", color1); |
||||
p2.setAttribute("fill", color2); |
||||
if (color1 != color2) { |
||||
gFlashingPixels.push(p1, p2); |
||||
p1.parentNode.appendChild(p1); |
||||
p2.parentNode.appendChild(p2); |
||||
} |
||||
if (i == 0 && j == 0) { |
||||
centerPixelColor1 = color1; |
||||
centerPixelColor2 = color2; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
flash_pixels(true); |
||||
show_pixelinfo(x, y, centerPixelColor1, hex_as_rgb(centerPixelColor1), centerPixelColor2, hex_as_rgb(centerPixelColor2)); |
||||
} |
||||
|
||||
function show_pixelinfo(x, y, pix1rgb, pix1hex, pix2rgb, pix2hex) { |
||||
var pixelinfo = ID("pixelinfo"); |
||||
ID("coords").textContent = [x, y]; |
||||
ID("pix1hex").textContent = pix1hex; |
||||
ID("pix1rgb").textContent = pix1rgb; |
||||
ID("pix2hex").textContent = pix2hex; |
||||
ID("pix2rgb").textContent = pix2rgb; |
||||
} |
||||
|
||||
]]></script> |
||||
|
||||
</head> |
||||
<body onload="load()"> |
||||
|
||||
<div id="entry"> |
||||
|
||||
<h1>Reftest analyzer: load reftest log</h1> |
||||
|
||||
<p>Either paste your log into this textarea:<br /> |
||||
<textarea cols="80" rows="10" id="logentry"/><br/> |
||||
<input type="button" value="Process pasted log" onclick="log_pasted()" /></p> |
||||
|
||||
<p>... or load it from a file:<br/> |
||||
<input type="file" id="fileentry" onchange="fileentry_changed()" /> |
||||
</p> |
||||
</div> |
||||
|
||||
<div id="loading" style="display:none">Loading log...</div> |
||||
|
||||
<div id="viewer" style="display:none"> |
||||
<div id="pixelarea"> |
||||
<div id="pixelinfo"> |
||||
<table> |
||||
<tbody> |
||||
<tr><th>Pixel at:</th><td colspan="2" id="coords"/></tr> |
||||
<tr><th>Image 1:</th><td id="pix1rgb"></td><td id="pix1hex"></td></tr> |
||||
<tr><th>Image 2:</th><td id="pix2rgb"></td><td id="pix2hex"></td></tr> |
||||
</tbody> |
||||
</table> |
||||
<div> |
||||
<div id="pixelhint">★ |
||||
<div> |
||||
<p>Move the mouse over the reftest image on the right to show |
||||
magnified pixels on the left. The color information above is for |
||||
the pixel centered in the magnified view.</p> |
||||
<p>Image 1 is shown in the upper triangle of each pixel and Image 2 |
||||
is shown in the lower triangle.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div id="magnification"> |
||||
<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" shape-rendering="optimizeSpeed"> |
||||
<g id="mag"/> |
||||
</svg> |
||||
</div> |
||||
</div> |
||||
<div id="itemlist"></div> |
||||
<div id="images" style="display:none"> |
||||
<form id="imgcontrols"> |
||||
<label><input type="radio" name="which" value="0" onchange="show_image(1)" checked="checked" />Image 1</label> |
||||
<label><input type="radio" name="which" value="1" onchange="show_image(2)" />Image 2</label> |
||||
<label><input type="checkbox" onchange="show_differences(this)" />Circle differences</label> |
||||
</form> |
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="800px" height="1000px" viewbox="0 0 800 1000" id="svg"> |
||||
<defs> |
||||
<!-- use sRGB to avoid loss of data --> |
||||
<filter id="showDifferences" x="0%" y="0%" width="100%" height="100%" |
||||
style="color-interpolation-filters: sRGB"> |
||||
<feImage id="feimage1" result="img1" xlink:href="#image1" /> |
||||
<feImage id="feimage2" result="img2" xlink:href="#image2" /> |
||||
<!-- inv1 and inv2 are the images with RGB inverted --> |
||||
<feComponentTransfer result="inv1" in="img1"> |
||||
<feFuncR type="linear" slope="-1" intercept="1" /> |
||||
<feFuncG type="linear" slope="-1" intercept="1" /> |
||||
<feFuncB type="linear" slope="-1" intercept="1" /> |
||||
</feComponentTransfer> |
||||
<feComponentTransfer result="inv2" in="img2"> |
||||
<feFuncR type="linear" slope="-1" intercept="1" /> |
||||
<feFuncG type="linear" slope="-1" intercept="1" /> |
||||
<feFuncB type="linear" slope="-1" intercept="1" /> |
||||
</feComponentTransfer> |
||||
<!-- w1 will have non-white pixels anywhere that img2 |
||||
is brighter than img1, and w2 for the reverse. |
||||
It would be nice not to have to go through these |
||||
intermediate states, but feComposite |
||||
type="arithmetic" can't transform the RGB channels |
||||
and leave the alpha channel untouched. --> |
||||
<feComposite result="w1" in="img1" in2="inv2" operator="arithmetic" k2="1" k3="1" /> |
||||
<feComposite result="w2" in="img2" in2="inv1" operator="arithmetic" k2="1" k3="1" /> |
||||
<!-- c1 will have non-black pixels anywhere that img2 |
||||
is brighter than img1, and c2 for the reverse --> |
||||
<feComponentTransfer result="c1" in="w1"> |
||||
<feFuncR type="linear" slope="-1" intercept="1" /> |
||||
<feFuncG type="linear" slope="-1" intercept="1" /> |
||||
<feFuncB type="linear" slope="-1" intercept="1" /> |
||||
</feComponentTransfer> |
||||
<feComponentTransfer result="c2" in="w2"> |
||||
<feFuncR type="linear" slope="-1" intercept="1" /> |
||||
<feFuncG type="linear" slope="-1" intercept="1" /> |
||||
<feFuncB type="linear" slope="-1" intercept="1" /> |
||||
</feComponentTransfer> |
||||
<!-- c will be nonblack (and fully on) for every pixel+component where there are differences --> |
||||
<feComposite result="c" in="c1" in2="c2" operator="arithmetic" k2="255" k3="255" /> |
||||
<!-- a will be opaque for every pixel with differences and transparent for all others --> |
||||
<feColorMatrix result="a" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 0 0" /> |
||||
|
||||
<!-- a, dilated by 4 pixels --> |
||||
<feMorphology result="dila4" in="a" operator="dilate" radius="4" /> |
||||
<!-- a, dilated by 1 pixel --> |
||||
<feMorphology result="dila1" in="a" operator="dilate" radius="1" /> |
||||
|
||||
<!-- all the pixels in the 3-pixel dilation of a but not in the 1-pixel dilation of a, to highlight the diffs --> |
||||
<feComposite result="highlight" in="dila4" in2="dila1" operator="out" /> |
||||
|
||||
<feFlood result="red" flood-color="red" /> |
||||
<feComposite result="redhighlight" in="red" in2="highlight" operator="in" /> |
||||
<feFlood result="black" flood-color="black" flood-opacity="0.5" /> |
||||
<feMerge> |
||||
<feMergeNode in="black" /> |
||||
<feMergeNode in="redhighlight" /> |
||||
</feMerge> |
||||
</filter> |
||||
</defs> |
||||
<g onmousemove="magnify(evt)"> |
||||
<image x="0" y="0" width="100%" height="100%" id="image1" /> |
||||
<image x="0" y="0" width="100%" height="100%" id="image2" /> |
||||
</g> |
||||
<rect id="diffrect" filter="url(#showDifferences)" pointer-events="none" x="0" y="0" width="100%" height="100%" /> |
||||
</svg> |
||||
</div> |
||||
</div> |
||||
|
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,27 @@
@@ -0,0 +1,27 @@
|
||||
/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- / |
||||
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */ |
||||
|
||||
"use strict"; |
||||
|
||||
var consoleTimer = {}; |
||||
var console = { |
||||
log: function log() { |
||||
var args = Array.prototype.slice.call(arguments); |
||||
postMessage({ |
||||
action: "log", |
||||
data: args |
||||
}); |
||||
}, |
||||
|
||||
time: function(name) { |
||||
consoleTimer[name] = Date.now(); |
||||
}, |
||||
|
||||
timeEnd: function(name) { |
||||
var time = consoleTimer[name]; |
||||
if (time == null) { |
||||
throw "Unkown timer name " + name; |
||||
} |
||||
this.log("Timer:", name, Date.now() - time); |
||||
} |
||||
} |
||||
@ -0,0 +1,65 @@
@@ -0,0 +1,65 @@
|
||||
/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- / |
||||
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */ |
||||
|
||||
"use strict"; |
||||
|
||||
importScripts("console.js"); |
||||
|
||||
importScripts("../pdf.js"); |
||||
importScripts("../fonts.js"); |
||||
importScripts("../glyphlist.js") |
||||
|
||||
function fontDataToString(font) { |
||||
// Doing postMessage on objects make them lose their "shape". This adds the
|
||||
// "shape" for all required objects agains, such that the encoding works as
|
||||
// expected.
|
||||
var fontFileDict = new Dict(); |
||||
fontFileDict.map = font.file.dict.map; |
||||
|
||||
var fontFile = new Stream(font.file.bytes, font.file.start, font.file.end - font.file.start, fontFileDict); |
||||
font.file = new FlateStream(fontFile); |
||||
|
||||
// This will encode the font.
|
||||
var fontObj = new Font(font.name, font.file, font.properties); |
||||
|
||||
// Create string that is used for css later.
|
||||
var str = ""; |
||||
var data = fontObj.data; |
||||
var length = data.length; |
||||
for (var j = 0; j < length; j++) |
||||
str += String.fromCharCode(data[j]); |
||||
|
||||
return { |
||||
str: str, |
||||
encoding: font.properties.encoding |
||||
} |
||||
} |
||||
|
||||
/** |
||||
* Functions to handle data sent by the MainThread. |
||||
*/ |
||||
var actionHandler = { |
||||
"fonts": function(data) { |
||||
var fontData; |
||||
var result = {}; |
||||
for (var i = 0; i < data.length; i++) { |
||||
fontData = data[i]; |
||||
result[fontData.name] = fontDataToString(fontData); |
||||
} |
||||
|
||||
postMessage({ |
||||
action: "fonts", |
||||
data: result |
||||
}) |
||||
}, |
||||
} |
||||
|
||||
// Listen to the MainThread for data and call actionHandler on it.
|
||||
this.onmessage = function(event) { |
||||
var data = event.data; |
||||
if (data.action in actionHandler) { |
||||
actionHandler[data.action].call(this, data.data); |
||||
} else { |
||||
throw "Unkown action from worker: " + data.action; |
||||
} |
||||
} |
||||
Loading…
Reference in new issue