var addTest = (function(){ var stati = [ {className: "notRun", text: "not run"}, {className: "loud", text: "CB detected"}, {className: "stealthy", text: "CB not detected"}, {className: "failed", text: "test failed"} ]; var ul = document.getElementById("tests"); return function addTest(name, func){ var logs = []; function log(){ logs.push(Array.prototype.slice.call(arguments).join(" ")); } var status = 0; try { status = func(log)? 1: 2; } catch (e){ console.log(e); status = 3; } var li = document.createElement("li"); li.className = stati[status].className; var nameNode = document.createElement("span"); nameNode.className = "name"; nameNode.textContent = name; nameNode.title = func.toString(); li.appendChild(nameNode); li.appendChild(document.createTextNode(": ")); var statusNode = document.createElement("span"); statusNode.className = "status"; statusNode.textContent = stati[status].text; statusNode.title = logs.join("\n"); li.appendChild(statusNode); ul.appendChild(li); } }()); addTest("function length", function(log){ if (CanvasRenderingContext2D.prototype.getImageData.length !== 4){ log("expected 4 parameters for getImageData - got", CanvasRenderingContext2D.prototype.getImageData.length); return true; } else { return false; } }); addTest("function code", function(log){ if (!CanvasRenderingContext2D.prototype.getImageData.toString().match(/^\s*function getImageData\s*\(\)\s*\{\s*\[native code\]\s*\}\s*$/)){ log("unexpected function code:", CanvasRenderingContext2D.prototype.getImageData.toString()); return true; } else { return false; } }); addTest("function name", function(){return CanvasRenderingContext2D.prototype.getImageData.name !== "getImageData"}); addTest("error provocation 1", function(log){ var canvas = document.createElement('canvas'); var ctx = canvas.getContext("2d"); var canvasBlocker = false; try{ ctx.getImageData(0, 0, 0, 0); } catch (err){ try { log(err.name); log(err.toString()); } catch (e){ canvasBlocker = true; } } return canvasBlocker; }); addTest("error provocation 2", function(log){ var canvas = document.createElement('canvas'); canvas.width = 0; var ctx = canvas.getContext("2d"); var canvasBlocker = false; try{ ctx.getImageData(0, 0, 1, 1); log("no error provoked"); } catch (err){ try { log(err.name); log(err.toString()); } catch (e){ canvasBlocker = true; } } return canvasBlocker; }); addTest("error provocation 3", function(log){ var canvasBlocker = false; try{ CanvasRenderingContext2D.prototype.getImageData.apply(undefined, [0, 0, 1, 1]); } catch (err){ try { log(err.name); log(err.toString()); } catch (e){ canvasBlocker = true; } } return canvasBlocker; }); function testKnownPixelValue(size, log){ var canvas = document.createElement("canvas"); canvas.height = size; canvas.width = size; var context = canvas.getContext("2d"); context.fillStyle = "rgba(0, 127, 255, 1)"; var pixelValues = [0, 127, 255, 255]; context.fillRect(0, 0, canvas.width, canvas.height); var p = context.getImageData(0, 0, canvas.width, canvas.height).data; for (var i = 0; i < p.length; i += 1){ if (p[i] !== pixelValues[i%4]){ log("wrong value", p[i], "at", i, "expected", pixelValues[i%4]); return true; } } return false; } addTest("known pixel value test 1", function(log){ return testKnownPixelValue(1, log); }); addTest("known pixel value test 10", function(log){ return testKnownPixelValue(10, log); }); addTest("double readout test", function(log){ var canvas = document.createElement("canvas"); var context = canvas.getContext("2d"); var imageData = context.getImageData(0, 0, canvas.width, canvas.height); for (var i = 0; i < imageData.data.length; i += 1){ if (i % 4 !== 3){ imageData.data[i] = Math.floor(256 * Math.random()); } else { imageData.data[i] = 255; } } context.putImageData(imageData, 0, 0); var imageData1 = context.getImageData(0, 0, canvas.width, canvas.height); var imageData2 = context.getImageData(0, 0, canvas.width, canvas.height); for (var i = 0; i < imageData2.data.length; i += 1){ if (imageData1.data[i] !== imageData2.data[i]){ log("mismatch at", i, ":", imageData1.data[i], "(", imageData1.data[i].toString(2), ")", "!=", imageData2.data[i], "(", imageData2.data[i].toString(2), ")", "| original:", imageData.data[i], "(", imageData.data[i].toString(2), ")" ); return true; } } return false; }); addTest("readout - in - out test", function(log){ var canvas = document.createElement("canvas"); var context = canvas.getContext("2d"); var imageData = context.getImageData(0, 0, canvas.width, canvas.height); for (var i = 0; i < imageData.data.length; i += 1){ if (i % 4 !== 3){ imageData.data[i] = Math.floor(256 * Math.random()); } else { imageData.data[i] = 255; } } context.putImageData(imageData, 0, 0); var imageData1 = context.getImageData(0, 0, canvas.width, canvas.height); var canvas2 = document.createElement("canvas"); var context2 = canvas2.getContext("2d"); context2.putImageData(imageData1, 0, 0); var imageData2 = context2.getImageData(0, 0, canvas.width, canvas.height); for (var i = 0; i < imageData2.data.length; i += 1){ if (imageData1.data[i] !== imageData2.data[i]){ log("mismatch at", i, ":", imageData1.data[i], "(", imageData1.data[i].toString(2), ")", "!=", imageData2.data[i], "(", imageData2.data[i].toString(2), ")" ); return true; } } return false; });