2017-04-23 00:25:33 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Detection Test</title>
|
|
|
|
|
<style>
|
|
|
|
|
.notRun {
|
|
|
|
|
color: lightgray;
|
|
|
|
|
}
|
|
|
|
|
.loud .status{
|
|
|
|
|
color: red;
|
|
|
|
|
}
|
|
|
|
|
.stealthy .status{
|
|
|
|
|
color: darkgreen;
|
|
|
|
|
}
|
|
|
|
|
.failed {
|
|
|
|
|
background-color: red;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<ul id="tests"></ul>
|
|
|
|
|
<script>
|
|
|
|
|
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(){
|
2017-07-18 16:19:56 +02:00
|
|
|
logs.push(Array.prototype.slice.call(arguments).join(" "));
|
2017-04-23 00:25:33 +02:00
|
|
|
}
|
|
|
|
|
var status = 0;
|
|
|
|
|
try {
|
|
|
|
|
status = func(log)? 1: 2;
|
|
|
|
|
}
|
|
|
|
|
catch (e){
|
2017-07-18 16:19:56 +02:00
|
|
|
console.log(e);
|
2017-04-23 00:25:33 +02:00
|
|
|
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);
|
|
|
|
|
}
|
|
|
|
|
}());
|
|
|
|
|
|
2017-07-18 16:19:56 +02:00
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
});
|
2017-06-29 07:35:37 +02:00
|
|
|
addTest("function name", function(){return CanvasRenderingContext2D.prototype.getImageData.name !== "getImageData"});
|
2017-04-23 00:25:33 +02:00
|
|
|
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);
|
2017-07-28 17:37:31 +02:00
|
|
|
log(err.toString());
|
2017-04-23 00:25:33 +02:00
|
|
|
}
|
|
|
|
|
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);
|
2017-07-28 17:37:31 +02:00
|
|
|
log("no error provoked");
|
2017-04-23 00:25:33 +02:00
|
|
|
}
|
|
|
|
|
catch (err){
|
|
|
|
|
try {
|
|
|
|
|
log(err.name);
|
2017-07-28 17:37:31 +02:00
|
|
|
log(err.toString());
|
2017-04-23 00:25:33 +02:00
|
|
|
}
|
|
|
|
|
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);
|
2017-07-28 17:37:31 +02:00
|
|
|
log(err.toString());
|
2017-04-23 00:25:33 +02:00
|
|
|
}
|
|
|
|
|
catch (e){
|
|
|
|
|
canvasBlocker = true;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return canvasBlocker;
|
|
|
|
|
});
|
2017-07-18 16:19:56 +02:00
|
|
|
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);
|
|
|
|
|
});
|
2017-07-18 23:53:24 +02:00
|
|
|
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;
|
|
|
|
|
});
|
2017-04-23 00:25:33 +02:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
