playground
/
Resemble.js
mirror of https://github.com/Huddle/Resemble.js.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Added linting

pull/136/head
james.cryer 7 years ago
parent
df348cd9b0
commit
75b22ecd88
12 changed files with 7355 additions and 3843 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      .editorconfig
  2. 3
      .eslintignore
  3. 27
      .eslintrc
  4. 191
      chai-tests/main_spec.js
  5. 20
      compareImages.js
  6. 602
      demoassets/main.js
  7. 43
      memory-leak-test.js
  8. 80
      nodejs-tests/compareImages.test.js
  9. 245
      nodejs-tests/resemble.test.js
  10. 8003
      package-lock.json
  11. 82
      package.json
  12. 1888
      resemble.js

14
.editorconfig
Unescape View File

@ -0,0 +1,14 @@
root = true
[*]
end_of_line = lf
insert_final_newline = true
indent_style = space
indent_size = 4
[*.md]
trim_trailing_whitespace = false
[{.travis.yml}]
indent_style = space
indent_size = 2

3
.eslintignore
Unescape View File

@ -0,0 +1,3 @@
/node_modules
/libs
/demoassets

27
.eslintrc
Unescape View File

@ -0,0 +1,27 @@
{
"extends": [
"eslint-config-es5",
"plugin:prettier/recommended"
],
"parserOptions": {
"ecmaVersion": 2017,
"sourceType": "module"
},
"rules": {
"prettier/prettier": [
"error",
{
"singleQuote": true,
"tabWidth": "4"
}
],
"no-console": "off",
"no-use-before-define": ["warn", { "functions": false, "classes": false, "variables": true }],
"func-names": ["warn", "as-needed"]
},
"env": {
"amd": true,
"es6": true
}
}

191
chai-tests/main_spec.js
View File

File diff suppressed because one or more lines are too long

20
compareImages.js
Unescape View File

@ -1,13 +1,13 @@
var resemble = require('./resemble'); const resemble = require("./resemble");
module.exports = function(image1, image2, options) { module.exports = function compareImages(image1, image2, options) {
return new Promise(function(resolve, reject) { return new Promise((resolve, reject) => {
resemble.compare(image1, image2, options, function(err, data) { resemble.compare(image1, image2, options, (err, data) => {
if (err) { if (err) {
reject(err); reject(err);
} else { } else {
resolve(data); resolve(data);
} }
});
}); });
});
}; };

602
demoassets/main.js
Unescape View File

@ -1,301 +1,303 @@
$(function(){ $(function() {
var $target = $('#drop-zone'); var $target = $("#drop-zone");
function dropZone($target, onDrop){ function dropZone($target, onDrop) {
$target. $target
bind('dragover', function(){ .bind("dragover", function() {
$target.addClass( 'drag-over' ); $target.addClass("drag-over");
return false; return false;
}). })
bind("dragend", function () { .bind("dragend", function() {
$target.removeClass( 'drag-over' ); $target.removeClass("drag-over");
return false; return false;
}). })
bind("dragleave", function () { .bind("dragleave", function() {
$target.removeClass( 'drag-over' ); $target.removeClass("drag-over");
return false; return false;
}). })
bind("drop", function(event) { .bind("drop", function(event) {
var file = event.originalEvent.dataTransfer.files[0]; var file = event.originalEvent.dataTransfer.files[0];
event.stopPropagation(); event.stopPropagation();
event.preventDefault(); event.preventDefault();
$target.removeClass( 'drag-over' ); $target.removeClass("drag-over");
var droppedImage = new Image(); var droppedImage = new Image();
var fileReader = new FileReader(); var fileReader = new FileReader();
fileReader.onload = function (event) { fileReader.onload = function(event) {
droppedImage.src = event.target.result; droppedImage.src = event.target.result;
$target.html(droppedImage); $target.html(droppedImage);
}; };
fileReader.readAsDataURL(file); fileReader.readAsDataURL(file);
onDrop(file); onDrop(file);
}); });
} }
dropZone($target, function(file){ dropZone($target, function(file) {
resemble(file).onComplete(function(data) {
resemble(file).onComplete(function(data){ $("#image-data").show();
$('#image-data').show(); $("#red").css("width", data.red + "%");
$('#red').css('width',data.red+'%'); $("#green").css("width", data.green + "%");
$('#green').css('width',data.green+'%'); $("#blue").css("width", data.blue + "%");
$('#blue').css('width',data.blue+'%'); $("#alpha").css("width", data.alpha + "%");
$('#alpha').css('width',data.alpha+'%'); $("#brightness").css("width", data.brightness + "%");
$('#brightness').css('width',data.brightness+'%'); $("#white").css("width", data.white + "%");
$('#white').css('width',data.white+'%'); $("#black").css("width", data.black + "%");
$('#black').css('width',data.black+'%'); });
}); });
}); function onComplete(data) {
var time = Date.now();
function onComplete(data){ var diffImage = new Image();
var time = Date.now(); diffImage.src = data.getImageDataUrl();
var diffImage = new Image();
diffImage.src = data.getImageDataUrl(); $("#image-diff").html(diffImage);
$('#image-diff').html(diffImage); $(diffImage).click(function() {
var w = window.open("about:blank", "_blank");
$(diffImage).click(function(){ var html = w.document.documentElement;
var w = window.open("about:blank", "_blank"); var body = w.document.body;
var html = w.document.documentElement;
var body = w.document.body; html.style.margin = 0;
html.style.padding = 0;
html.style.margin = 0; body.style.margin = 0;
html.style.padding = 0; body.style.padding = 0;
body.style.margin = 0;
body.style.padding = 0; var img = w.document.createElement("img");
img.src = diffImage.src;
var img = w.document.createElement("img"); img.alt = "image diff";
img.src = diffImage.src; img.style.maxWidth = "100%";
img.alt = "image diff"; img.addEventListener("click", function() {
img.style.maxWidth = "100%"; this.style.maxWidth =
img.addEventListener("click", function() { this.style.maxWidth === "100%" ? "" : "100%";
this.style.maxWidth = this.style.maxWidth === "100%" ? "" : "100%"; });
}); body.appendChild(img);
body.appendChild(img); });
});
$(".buttons").show();
$('.buttons').show();
if (data.misMatchPercentage == 0) {
if(data.misMatchPercentage == 0){ $("#thesame").show();
$('#thesame').show(); $("#diff-results").hide();
$('#diff-results').hide(); } else {
} else { $("#mismatch").text(data.misMatchPercentage);
$('#mismatch').text(data.misMatchPercentage); if (!data.isSameDimensions) {
if(!data.isSameDimensions){ $("#differentdimensions").show();
$('#differentdimensions').show(); } else {
} else { $("#differentdimensions").hide();
$('#differentdimensions').hide(); }
} $("#diff-results").show();
$('#diff-results').show(); $("#thesame").hide();
$('#thesame').hide(); }
} }
}
var file1;
var file1; var file2;
var file2; var resembleControl;
var resembleControl;
dropZone($("#dropzone1"), function(file) {
dropZone($('#dropzone1'), function(file){ file1 = file;
file1 = file; if (file2) {
if(file2){ resembleControl = resemble(file)
resembleControl = resemble(file).compareTo(file2).onComplete(onComplete); .compareTo(file2)
} .onComplete(onComplete);
}); }
});
dropZone($('#dropzone2'), function(file){
file2 = file; dropZone($("#dropzone2"), function(file) {
if(file1){ file2 = file;
resembleControl = resemble(file).compareTo(file1).onComplete(onComplete); if (file1) {
} resembleControl = resemble(file)
}); .compareTo(file1)
.onComplete(onComplete);
var buttons = $('.buttons button'); }
});
buttons.click(function(){
var $this = $(this); var buttons = $(".buttons button");
$this.parent('.buttons').find('button').removeClass('active'); buttons.click(function() {
$this.addClass('active'); var $this = $(this);
if($this.is('#raw')){ $this
resembleControl.ignoreNothing(); .parent(".buttons")
} .find("button")
else .removeClass("active");
if($this.is('#less')){ $this.addClass("active");
resembleControl.ignoreLess();
} if ($this.is("#raw")) {
if($this.is('#colors')){ resembleControl.ignoreNothing();
resembleControl.ignoreColors(); } else if ($this.is("#less")) {
} resembleControl.ignoreLess();
else }
if($this.is('#antialising')){ if ($this.is("#colors")) {
resembleControl.ignoreAntialiasing(); resembleControl.ignoreColors();
} } else if ($this.is("#antialising")) {
else resembleControl.ignoreAntialiasing();
if($this.is('#alpha')){ } else if ($this.is("#alpha")) {
resembleControl.ignoreAlpha(); resembleControl.ignoreAlpha();
} } else if ($this.is("#same-size")) {
else resembleControl.scaleToSameSize();
if($this.is('#same-size')){ } else if ($this.is("#original-size")) {
resembleControl.scaleToSameSize(); resembleControl.useOriginalSize();
} } else if ($this.is("#pink")) {
else resembleControl
if($this.is('#original-size')){ .outputSettings({
resembleControl.useOriginalSize(); errorColor: {
} red: 255,
else green: 0,
if($this.is('#pink')){ blue: 255
resembleControl.outputSettings({ }
errorColor: { })
red: 255, .repaint();
green: 0, } else if ($this.is("#yellow")) {
blue: 255 resembleControl
} .outputSettings({
}).repaint(); errorColor: {
} red: 255,
else green: 255,
if($this.is('#yellow')){ blue: 0
resembleControl.outputSettings({ }
errorColor: { })
red: 255, .repaint();
green: 255, } else if ($this.is("#flat")) {
blue: 0 resembleControl
} .outputSettings({
}).repaint(); errorType: "flat"
} })
else .repaint();
if($this.is('#flat')){ } else if ($this.is("#movement")) {
resembleControl.outputSettings({ resembleControl
errorType: 'flat' .outputSettings({
}).repaint(); errorType: "movement"
} })
else .repaint();
if($this.is('#movement')){ } else if ($this.is("#flatDifferenceIntensity")) {
resembleControl.outputSettings({ resembleControl
errorType: 'movement' .outputSettings({
}).repaint(); errorType: "flatDifferenceIntensity"
} })
else .repaint();
if($this.is('#flatDifferenceIntensity')){ } else if ($this.is("#movementDifferenceIntensity")) {
resembleControl.outputSettings({ resembleControl
errorType: 'flatDifferenceIntensity' .outputSettings({
}).repaint(); errorType: "movementDifferenceIntensity"
} })
else .repaint();
if($this.is('#movementDifferenceIntensity')){ } else if ($this.is("#diffOnly")) {
resembleControl.outputSettings({ resembleControl
errorType: 'movementDifferenceIntensity' .outputSettings({
}).repaint(); errorType: "diffOnly"
} })
else .repaint();
if($this.is('#diffOnly')){ } else if ($this.is("#opaque")) {
resembleControl.outputSettings({ resembleControl
errorType: 'diffOnly' .outputSettings({
}).repaint(); transparency: 1
} })
else .repaint();
if($this.is('#opaque')){ } else if ($this.is("#transparent")) {
resembleControl.outputSettings({ resembleControl
transparency: 1 .outputSettings({
}).repaint(); transparency: 0.3
} })
else .repaint();
if($this.is('#transparent')){ } else if ($this.is("#boundingBox")) {
resembleControl.outputSettings({ resembleControl
transparency: 0.3 .outputSettings({
}).repaint(); boundingBox: {
} left: $("#bounding-box-x1").val(),
else top: $("#bounding-box-y1").val(),
if($this.is('#boundingBox')){ right: $("#bounding-box-x2").val(),
resembleControl.outputSettings({ bottom: $("#bounding-box-y2").val()
boundingBox: { }
left: $("#bounding-box-x1").val(), })
top: $("#bounding-box-y1").val(), .repaint();
right: $("#bounding-box-x2").val(), $this.removeClass("active");
bottom: $("#bounding-box-y2").val() }
} if ($this.is("#ignoredBox")) {
}).repaint(); resembleControl
$this.removeClass('active'); .outputSettings({
} ignoredBox: {
if($this.is('#ignoredBox')){ left: $("#ignored-box-x1").val(),
resembleControl.outputSettings({ top: $("#ignored-box-y1").val(),
ignoredBox: { right: $("#ignored-box-x2").val(),
left: $("#ignored-box-x1").val(), bottom: $("#ignored-box-y2").val()
top: $("#ignored-box-y1").val(), }
right: $("#ignored-box-x2").val(), })
bottom: $("#ignored-box-y2").val() .repaint();
} $this.removeClass("active");
}).repaint(); }
$this.removeClass('active'); });
}
}); (function() {
var xhr = new XMLHttpRequest();
(function(){ var xhr2 = new XMLHttpRequest();
var xhr = new XMLHttpRequest(); var xhr3 = new XMLHttpRequest();
var xhr2 = new XMLHttpRequest(); var done = $.Deferred();
var xhr3 = new XMLHttpRequest(); var dtwo = $.Deferred();
var done = $.Deferred(); var dthree = $.Deferred();
var dtwo = $.Deferred();
var dthree = $.Deferred(); xhr.open("GET", "demoassets/People.jpg", true);
xhr.responseType = "blob";
xhr.open('GET', 'demoassets/People.jpg', true); xhr.onload = function(e) {
xhr.responseType = 'blob'; done.resolve(this.response);
xhr.onload = function(e) { };
done.resolve(this.response); xhr.send();
};
xhr.send(); xhr2.open("GET", "demoassets/People2.jpg", true);
xhr2.responseType = "blob";
xhr2.open('GET', 'demoassets/People2.jpg', true); xhr2.onload = function(e) {
xhr2.responseType = 'blob'; dtwo.resolve(this.response);
xhr2.onload = function(e) { };
dtwo.resolve(this.response); xhr2.send();
};
xhr2.send(); xhr3.open("GET", "demoassets/PeopleAlpha.png", true);
xhr3.responseType = "blob";
xhr3.open('GET', 'demoassets/PeopleAlpha.png', true); xhr3.onload = function(e) {
xhr3.responseType = 'blob'; dthree.resolve(this.response);
xhr3.onload = function(e) { };
dthree.resolve(this.response); xhr3.send();
};
xhr3.send(); $("#example-images").click(function() {
$("#dropzone1").html('<img src="demoassets/People.jpg"/>');
$('#example-images').click(function(){ $("#dropzone2").html('<img src="demoassets/People2.jpg"/>');
$('#dropzone1').html('<img src="demoassets/People.jpg"/>'); $.when(done, dtwo).done(function(file, file1) {
$('#dropzone2').html('<img src="demoassets/People2.jpg"/>'); if (typeof FileReader === "undefined") {
resembleControl = resemble("demoassets/People.jpg")
$.when(done, dtwo).done(function(file, file1){ .compareTo("demoassets/People2.jpg")
if (typeof FileReader === 'undefined') { .onComplete(onComplete);
resembleControl = resemble('demoassets/People.jpg').compareTo('demoassets/People2.jpg').onComplete(onComplete); } else {
} else { resembleControl = resemble(file)
resembleControl = resemble(file).compareTo(file1).onComplete(onComplete); .compareTo(file1)
} .onComplete(onComplete);
}); }
});
return false;
}); return false;
});
$('#example-images-alpha').click(function(){
$("#example-images-alpha").click(function() {
$('#dropzone1').html('<img src="demoassets/People.jpg"/>'); $("#dropzone1").html('<img src="demoassets/People.jpg"/>');
$('#dropzone2').html('<img src="demoassets/PeopleAlpha.png"/>'); $("#dropzone2").html('<img src="demoassets/PeopleAlpha.png"/>');
$.when(done, dthree).done(function(file, file1){ $.when(done, dthree).done(function(file, file1) {
if (typeof FileReader === 'undefined') { if (typeof FileReader === "undefined") {
resembleControl = resemble('demoassets/People.jpg').compareTo('demoassets/PeopleAlpha.png').onComplete(onComplete); resembleControl = resemble("demoassets/People.jpg")
} else { .compareTo("demoassets/PeopleAlpha.png")
resembleControl = resemble(file).compareTo(file1).onComplete(onComplete); .onComplete(onComplete);
} } else {
}); resembleControl = resemble(file)
.compareTo(file1)
return false; .onComplete(onComplete);
}); }
});
}());
return false;
});
})();
}); });

43
memory-leak-test.js
Unescape View File

@ -1,32 +1,37 @@
/* eslint no-process-exit: "warn"*/
// node --expose-gc memory-leak-test.js // node --expose-gc memory-leak-test.js
const fs = require('fs'); const fs = require("fs");
const resemble = require('./resemble'); const resemble = require("./resemble");
let max = 2000; let max = 2000;
const timerLabel = "2000 compare"; const timerLabel = "2000 compare";
console.time(timerLabel); console.time(timerLabel);
compare(); compare();
function compare(){ function compare() {
const people = fs.readFileSync('./demoassets/ghost1.png'); const people = fs.readFileSync("./demoassets/ghost1.png");
const people2 = fs.readFileSync('./demoassets/ghost2.png'); const people2 = fs.readFileSync("./demoassets/ghost2.png");
resemble(people).compareTo(people2).onComplete(function() { resemble(people)
if (--max >= 0) { .compareTo(people2)
process.nextTick(compare); .onComplete(() => {
} else { if (--max >= 0) {
process.nextTick(log); process.nextTick(compare);
} } else {
global.gc(); process.nextTick(log);
if (max % 100 === 0) { }
var mem = process.memoryUsage(); global.gc();
console.log(max, mem.rss, mem.heapUsed, mem.external); if (max % 100 === 0) {
} const mem = process.memoryUsage();
}); console.log(max, mem.rss, mem.heapUsed, mem.external);
}
});
} }
function log(){ function log() {
console.timeEnd(timerLabel); console.timeEnd(timerLabel);
process.exit(0); process.exit(0);
} }

80
nodejs-tests/compareImages.test.js
Unescape View File

@ -1,39 +1,43 @@
const compareImages = require('../compareImages'); /* eslint-env jest*/
const fs = require('fs');
const compareImages = require("../compareImages");
describe('compareImages', () => { const fs = require("fs");
test('works with buffers', async () => {
const data = await compareImages( describe("compareImages", () => {
fs.readFileSync('./demoassets/People.jpg'), test("works with buffers", async () => {
fs.readFileSync('./demoassets/People2.jpg') const data = await compareImages(
); fs.readFileSync("./demoassets/People.jpg"),
fs.readFileSync("./demoassets/People2.jpg")
expect(data.isSameDimensions).toBe(true); );
expect(data.misMatchPercentage).toEqual('8.66');
expect(data.isSameDimensions).toBe(true);
const buffer = data.getBuffer(); expect(data.misMatchPercentage).toEqual("8.66");
expect(buffer).toBeInstanceOf(Buffer); const buffer = data.getBuffer();
expect(buffer.length).toBe(91876);
expect(buffer).toBeInstanceOf(Buffer);
const comparison = fs.readFileSync( expect(buffer.length).toBe(91876);
'./nodejs-tests/PeopleComparedToPeople2.png'
); const comparison = fs.readFileSync(
"./nodejs-tests/PeopleComparedToPeople2.png"
expect(buffer.equals(comparison)).toBe(true); );
const buffer2 = data.getBuffer(true); expect(buffer.equals(comparison)).toBe(true);
const comparison2 = fs.readFileSync(
'./nodejs-tests/PeopleComparedToPeople2WithOriginal.png' const buffer2 = data.getBuffer(true);
); const comparison2 = fs.readFileSync(
expect(buffer2.equals(comparison2)).toBe(true); "./nodejs-tests/PeopleComparedToPeople2WithOriginal.png"
}); );
expect(buffer2.equals(comparison2)).toBe(true);
test('throws when failed', async () => { });
const promise = compareImages(
fs.readFileSync('./demoassets/People.jpg'), test("throws when failed", async () => {
'bogus data' const promise = compareImages(
); fs.readFileSync("./demoassets/People.jpg"),
await expect(promise).rejects.toMatch('Error: error while reading from input stream'); "bogus data"
}); );
await expect(promise).rejects.toMatch(
"Error: error while reading from input stream"
);
});
}); });

245
nodejs-tests/resemble.test.js
Unescape View File

@ -1,123 +1,131 @@
const resemble = require('../resemble'); /* eslint-env jest*/
const fs = require('fs');
const resemble = require("../resemble");
describe('resemble', () => { const fs = require("fs");
test('base64', () => {
const people_src = describe("resemble", () => {
'data:image/jpeg;base64,' + test("base64", () => {
fs.readFileSync('./demoassets/People.jpg', 'base64'); const peopleSrc = `data:image/jpeg;base64,${fs.readFileSync(
const people2_src = "./demoassets/People.jpg",
'data:image/jpeg;base64,' + "base64"
fs.readFileSync('./demoassets/People2.jpg', 'base64'); )}`;
const people2Src = `data:image/jpeg;base64,${fs.readFileSync(
return new Promise(function(resolve, reject) { "./demoassets/People2.jpg",
resemble(people_src).compareTo(people2_src).onComplete(function(data) { "base64"
// console.info('Reached oncomplete for base64_string'); )}`;
expect(data.diffBounds.bottom).toEqual(431);
expect(data.diffBounds.left).toEqual(22); return new Promise(resolve => {
expect(data.diffBounds.right).toEqual(450); resemble(peopleSrc)
expect(data.diffBounds.top).toEqual(58); .compareTo(people2Src)
expect(data.dimensionDifference.height).toEqual(0); .onComplete(data => {
expect(data.dimensionDifference.width).toEqual(0); // console.info('Reached oncomplete for base64String');
expect(data.isSameDimensions).toBe(true); expect(data.diffBounds.bottom).toEqual(431);
expect(data.misMatchPercentage).toEqual('8.66'); expect(data.diffBounds.left).toEqual(22);
resolve(); expect(data.diffBounds.right).toEqual(450);
}); expect(data.diffBounds.top).toEqual(58);
}); expect(data.dimensionDifference.height).toEqual(0);
}); expect(data.dimensionDifference.width).toEqual(0);
expect(data.isSameDimensions).toBe(true);
// this doesn't work on windows expect(data.misMatchPercentage).toEqual("8.66");
resolve();
// test('files', () => { });
// return new Promise(function(resolve, reject) {
// console.log('hello there how are you');
// resemble('demoassets/People.jpg')
// .compareTo('demoassets/People2.jpg')
// .onComplete(function(data) {
// // console.info('Reached oncomplete for request_success');
// expect(data.diffBounds).toEqual(
// expect.objectContaining({
// bottom: expect.any(Number),
// left: expect.any(Number),
// top: expect.any(Number),
// right: expect.any(Number)
// })
// );
//
// expect(data.diffBounds.bottom).toEqual(431);
// expect(data.diffBounds.left).toEqual(22);
// expect(data.diffBounds.right).toEqual(450);
// expect(data.diffBounds.top).toEqual(58);
// expect(data.dimensionDifference.height).toEqual(0);
// expect(data.dimensionDifference.width).toEqual(0);
// expect(data.isSameDimensions).toBe(true);
// expect(data.misMatchPercentage).toEqual('8.66');
// resolve();
// });
// });
// });
test('file not found', () => {
return new Promise(function(resolve, reject) {
resemble('../demoassets/People.jpg')
.compareTo('../demoassets/404-image.jpg')
.onComplete(function(data) {
// console.info('Reached oncomplete for request_404');
// console.log(data);
expect(data.error).toEqual('Error: error while reading from input stream');
resolve();
}); });
}); });
});
test('node buffers jpg', () => {
const people = fs.readFileSync('./demoassets/People.jpg');
const people2 = fs.readFileSync('./demoassets/People2.jpg');
return new Promise(function(resolve, reject) { // this doesn't work on windows
resemble(people).compareTo(people2).onComplete(function(data) {
// console.info('Reached oncomplete for base64_string'); // test('files', () => {
expect(data.diffBounds.bottom).toEqual(431); // return new Promise(function(resolve) {
expect(data.diffBounds.left).toEqual(22); // console.log('hello there how are you');
expect(data.diffBounds.right).toEqual(450); // resemble('demoassets/People.jpg')
expect(data.diffBounds.top).toEqual(58); // .compareTo('demoassets/People2.jpg')
expect(data.dimensionDifference.height).toEqual(0); // .onComplete(function(data) {
expect(data.dimensionDifference.width).toEqual(0); // // console.info('Reached oncomplete for request_success');
expect(data.isSameDimensions).toBe(true); // expect(data.diffBounds).toEqual(
expect(data.misMatchPercentage).toEqual('8.66'); // expect.objectContaining({
resolve(); // bottom: expect.any(Number),
}); // left: expect.any(Number),
// top: expect.any(Number),
// right: expect.any(Number)
// })
// );
//
// expect(data.diffBounds.bottom).toEqual(431);
// expect(data.diffBounds.left).toEqual(22);
// expect(data.diffBounds.right).toEqual(450);
// expect(data.diffBounds.top).toEqual(58);
// expect(data.dimensionDifference.height).toEqual(0);
// expect(data.dimensionDifference.width).toEqual(0);
// expect(data.isSameDimensions).toBe(true);
// expect(data.misMatchPercentage).toEqual('8.66');
// resolve();
// });
// });
// });
test("file not found", () =>
new Promise(resolve => {
resemble("../demoassets/People.jpg")
.compareTo("../demoassets/404-image.jpg")
.onComplete(data => {
// console.info('Reached oncomplete for request404');
// console.log(data);
expect(data.error).toEqual(
"Error: error while reading from input stream"
);
resolve();
});
}));
test("node buffers jpg", () => {
const people = fs.readFileSync("./demoassets/People.jpg");
const people2 = fs.readFileSync("./demoassets/People2.jpg");
return new Promise(resolve => {
resemble(people)
.compareTo(people2)
.onComplete(data => {
// console.info('Reached oncomplete for base64String');
expect(data.diffBounds.bottom).toEqual(431);
expect(data.diffBounds.left).toEqual(22);
expect(data.diffBounds.right).toEqual(450);
expect(data.diffBounds.top).toEqual(58);
expect(data.dimensionDifference.height).toEqual(0);
expect(data.dimensionDifference.width).toEqual(0);
expect(data.isSameDimensions).toBe(true);
expect(data.misMatchPercentage).toEqual("8.66");
resolve();
});
});
}); });
});
test('node buffers png', () => { test("node buffers png", () => {
const people = fs.readFileSync('./demoassets/ghost1.png'); const people = fs.readFileSync("./demoassets/ghost1.png");
const people2 = fs.readFileSync('./demoassets/ghost2.png'); const people2 = fs.readFileSync("./demoassets/ghost2.png");
return new Promise(function(resolve, reject) { return new Promise(resolve => {
resemble(people).compareTo(people2).onComplete(function(data) { resemble(people)
// console.info('Reached oncomplete for base64_string'); .compareTo(people2)
expect(data.diffBounds.bottom).toEqual(138); .onComplete(data => {
expect(data.diffBounds.left).toEqual(90); // console.info('Reached oncomplete for base64String');
expect(data.diffBounds.right).toEqual(157); expect(data.diffBounds.bottom).toEqual(138);
expect(data.diffBounds.top).toEqual(107); expect(data.diffBounds.left).toEqual(90);
expect(data.dimensionDifference.height).toEqual(0); expect(data.diffBounds.right).toEqual(157);
expect(data.dimensionDifference.width).toEqual(0); expect(data.diffBounds.top).toEqual(107);
expect(data.isSameDimensions).toBe(true); expect(data.dimensionDifference.height).toEqual(0);
expect(data.misMatchPercentage).toEqual('0.27'); expect(data.dimensionDifference.width).toEqual(0);
resolve(); expect(data.isSameDimensions).toBe(true);
}); expect(data.misMatchPercentage).toEqual("0.27");
}); resolve();
});
});
}); });
test("test partial diff with bounding box", () => {
const people = fs.readFileSync("./demoassets/ghost1.png");
const people2 = fs.readFileSync("./demoassets/ghost2.png");
test('test partial diff with bounding box', () => { return new Promise(resolve => {
const people = fs.readFileSync('./demoassets/ghost1.png');
const people2 = fs.readFileSync('./demoassets/ghost2.png');
return new Promise(function(resolve, reject) {
resemble.outputSettings({ resemble.outputSettings({
boundingBox: { boundingBox: {
left: 80, left: 80,
@ -127,13 +135,12 @@ describe('resemble', () => {
} }
}); });
resemble(people).compareTo(people2).onComplete(function(data) { resemble(people)
expect(data.misMatchPercentage).toEqual('0.04'); .compareTo(people2)
resolve(); .onComplete(data => {
}); expect(data.misMatchPercentage).toEqual("0.04");
resolve();
});
}); });
}); });
}); });

8003
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

82
package.json
Unescape View File

@ -1,40 +1,46 @@
{ {
"name": "resemblejs", "name": "resemblejs",
"version": "2.10.0", "version": "2.10.0",
"description": "Image analysis and comparison with HTML5", "description": "Image analysis and comparison with HTML5",
"main": "resemble.js", "main": "resemble.js",
"repository": { "repository": {
"type": "git", "type": "git",
"url": "https://github.com/Huddle/Resemble.js.git" "url": "https://github.com/Huddle/Resemble.js.git"
}, },
"keywords": [ "keywords": ["comparison", "visual", "image", "diff", "compare", "html5"],
"comparison", "author": "James Cryer",
"visual", "license": "MIT",
"image", "bugs": {
"diff", "url": "https://github.com/Huddle/Resemble.js/issues"
"compare", },
"html5" "homepage": "https://github.com/Huddle/Resemble.js",
], "scripts": {
"author": "James Cryer", "test": "jest nodejs-tests",
"license": "MIT", "test-watch": "jest --watch nodejs-tests",
"bugs": { "precommit": "lint-staged",
"url": "https://github.com/Huddle/Resemble.js/issues" "lint": "eslint **/*.js --fix"
}, },
"homepage": "https://github.com/Huddle/Resemble.js", "lint-staged": {
"scripts": { "*.{js,json,css,md}": ["prettier --write", "git add"]
"test": "jest nodejs-tests", },
"test-watch": "jest --watch nodejs-tests" "dependencies": {
}, "canvas-prebuilt": "^1.6.5-prerelease.1"
"dependencies": { },
"canvas-prebuilt": "^1.6.5-prerelease.1" "devDependencies": {
}, "chai": "^3.4.1",
"devDependencies": { "color-convert": "^1.9.0",
"chai": "^3.4.1", "eslint": "^4.19.1",
"jest": "^20.0.4", "eslint-config-es5": "^0.5.0",
"jest-cli": "^20.0.4", "eslint-config-prettier": "^2.9.0",
"color-convert": "^1.9.0" "eslint-plugin-import": "^2.9.0",
}, "eslint-plugin-prettier": "^2.6.0",
"jest": { "husky": "^0.14.3",
"testEnvironment": "node" "jest": "^20.0.4",
} "jest-cli": "^20.0.4",
"lint-staged": "^7.0.0",
"prettier": "^1.11.1"
},
"jest": {
"testEnvironment": "node"
}
} }

1888
resemble.js
View File

File diff suppressed because it is too large Load Diff
Write Preview
Loading…
Cancel
Save