mirror of
https://github.com/kkapsner/CanvasBlocker
synced 2025-07-04 04:26:35 +02:00
Code linting.
This commit is contained in:
parent
cde71f8a62
commit
ef38abe545
24 changed files with 642 additions and 559 deletions
|
@ -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), ")",
|
||||
|
|
|
@ -1 +1,2 @@
|
|||
/* eslint no-console: off */
|
||||
console.log("first possible call");
|
|
@ -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 {
|
||||
|
|
17
test/test.js
17
test/test.js
|
@ -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);
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue