1
0
Fork 0
mirror of https://github.com/kkapsner/CanvasBlocker synced 2025-07-04 04:26:35 +02:00

Code linting.

This commit is contained in:
kkapsner 2017-10-03 15:35:31 +02:00
parent cde71f8a62
commit ef38abe545
24 changed files with 642 additions and 559 deletions

View file

@ -1,5 +1,7 @@
/* eslint no-console: off */
var addTest = (function(){
"use strict";
var stati = [
{className: "notRun", text: "not run"},
{className: "loud", text: "CB detected"},
@ -34,10 +36,12 @@ var addTest = (function(){
statusNode.title = logs.join("\n");
li.appendChild(statusNode);
ul.appendChild(li);
}
};
}());
addTest("function length", function(log){
"use strict";
if (CanvasRenderingContext2D.prototype.getImageData.length !== 4){
log("expected 4 parameters for getImageData - got", CanvasRenderingContext2D.prototype.getImageData.length);
return true;
@ -47,6 +51,8 @@ addTest("function length", function(log){
}
});
addTest("function code", function(log){
"use strict";
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;
@ -55,9 +61,15 @@ addTest("function code", function(log){
return false;
}
});
addTest("function name", function(){return CanvasRenderingContext2D.prototype.getImageData.name !== "getImageData"});
addTest("function name", function(){
"use strict";
return CanvasRenderingContext2D.prototype.getImageData.name !== "getImageData";
});
addTest("error provocation 1", function(log){
var canvas = document.createElement('canvas');
"use strict";
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
var canvasBlocker = false;
try{
@ -75,7 +87,9 @@ addTest("error provocation 1", function(log){
return canvasBlocker;
});
addTest("error provocation 2", function(log){
var canvas = document.createElement('canvas');
"use strict";
var canvas = document.createElement("canvas");
canvas.width = 0;
var ctx = canvas.getContext("2d");
var canvasBlocker = false;
@ -95,6 +109,8 @@ addTest("error provocation 2", function(log){
return canvasBlocker;
});
addTest("error provocation 3", function(log){
"use strict";
var canvasBlocker = false;
try{
CanvasRenderingContext2D.prototype.getImageData.apply(undefined, [0, 0, 1, 1]);
@ -111,6 +127,8 @@ addTest("error provocation 3", function(log){
return canvasBlocker;
});
function testKnownPixelValue(size, log){
"use strict";
var canvas = document.createElement("canvas");
canvas.height = size;
canvas.width = size;
@ -128,16 +146,22 @@ function testKnownPixelValue(size, log){
return false;
}
addTest("known pixel value test 1", function(log){
"use strict";
return testKnownPixelValue(1, log);
});
addTest("known pixel value test 10", function(log){
"use strict";
return testKnownPixelValue(10, log);
});
addTest("double readout test", function(log){
"use strict";
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){
for (let i = 0; i < imageData.data.length; i += 1){
if (i % 4 !== 3){
imageData.data[i] = Math.floor(256 * Math.random());
}
@ -149,7 +173,7 @@ addTest("double readout test", function(log){
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){
for (let 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), ")",
@ -163,10 +187,12 @@ addTest("double readout test", function(log){
return false;
});
addTest("readout - in - out test", function(log){
"use strict";
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){
for (let i = 0; i < imageData.data.length; i += 1){
if (i % 4 !== 3){
imageData.data[i] = Math.floor(256 * Math.random());
}
@ -181,7 +207,7 @@ addTest("readout - in - out test", function(log){
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){
for (let 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), ")",

View file

@ -1 +1,2 @@
/* eslint no-console: off */
console.log("first possible call");

View file

@ -1,5 +1,7 @@
var createLog = function(){
"use strict";
var div = document.getElementById("log");
return function createLog(){
@ -19,6 +21,8 @@ var createLog = function(){
}();
var performTest = function(){
"use strict";
return function performTest(name, func, innerRunLength, outerRunLength){
var log = createLog();
log("test " + name);
@ -59,12 +63,14 @@ var performTest = function(){
}();
function draw(canvas){
"use strict";
canvas.setAttribute("width", 220);
canvas.setAttribute("height", 30);
var fp_text = "BrowserLeaks,com <canvas> 10";
var ctx = canvas.getContext('2d');
var ctx = canvas.getContext("2d");
ctx.textBaseline = "top";
ctx.font = "14px 'Arial'";
ctx.textBaseline = "alphabetic";
@ -79,11 +85,13 @@ function draw(canvas){
}
var fingerprintTest = function(){
"use strict";
var canvas;
return {
prepare: function(){
// create window canvas
canvas = document.createElement('canvas');
canvas = document.createElement("canvas");
// draw image in window canvas
draw(canvas);
},
@ -94,6 +102,8 @@ var fingerprintTest = function(){
}();
var randomImageTest = function(){
"use strict";
var canvas;
return {

View file

@ -1,5 +1,7 @@
(function(){
"use strict";
function show(container, url){
container.querySelector(".display").src = url;
var buffer = new TextEncoder("utf-8").encode(url);
@ -23,12 +25,14 @@
}());
function draw(canvas){
"use strict";
canvas.setAttribute("width", 220);
canvas.setAttribute("height", 30);
var fp_text = "BrowserLeaks,com <canvas> 10";
var ctx = canvas.getContext('2d');
var ctx = canvas.getContext("2d");
ctx.textBaseline = "top";
ctx.font = "14px 'Arial'";
ctx.textBaseline = "alphabetic";
@ -43,26 +47,29 @@ function draw(canvas){
}
function topTest(){
"use strict";
// create window canvas
var canvas = document.createElement('canvas');
var canvas = document.createElement("canvas");
// draw image in window canvas
draw(canvas);
return canvas.toDataURL();
}
function iframeTest(){
"use strict";
// create window canvas
var canvas = document.createElement('canvas');
var canvas = document.createElement("canvas");
// draw image in window canvas
draw(canvas);
// create iframe canvas and ctx
var iframe_canvas = document.querySelector("#iframe iframe").contentDocument.createElement('canvas');
var iframe_canvas = document.querySelector("#iframe iframe").contentDocument.createElement("canvas");
iframe_canvas.setAttribute("width", 220);
iframe_canvas.setAttribute("height", 30);
var iframe_ctx = iframe_canvas.getContext('2d');
var iframe_ctx = iframe_canvas.getContext("2d");
// copy image from window canvas to iframe ctx
iframe_ctx.drawImage(canvas, 0, 0);

View file

@ -1,8 +1,10 @@
(function(){
var canvas = document.createElement('canvas');
"use strict";
var canvas = document.createElement("canvas");
canvas.width = 11;
canvas.height = 13;
var gl = canvas.getContext('webgl');
var gl = canvas.getContext("webgl");
// paint it completely black
gl.clearColor(0, 0, 0, 1);