node-resemble.js
Analyse and compare images with Javascript. This project does not need canvas or any other binary denpendencies. It is a modification of Resemble.js
Get it
npm install node-resemble-js
Example
Retrieve basic analysis on image.
var api = ;
Use resemble to compare two images.
var diff = ;
You can also change the comparison method after the first analysis.
// diff.ignoreNothing();// diff.ignoreColors();diff;
And change the output display style.
resemble;// resembleControl.repaint();
Example usuage (in cucumber step definition)
this.Then(/^Screenshot should match image "(.*)"$/, function (image, callback) {
browser.takeScreenshot().then(function(pngString) {
var screenshot = new Buffer(pngString, 'base64');
resemble(image)
.compareTo(screenshot)
.onComplete(function(data){
if (Number(data.misMatchPercentage) <= 0.01) {
callback();
} else {
data.getDiffImage().pack().pipe(fs.createWriteStream(image + 'diff.png'));
callback.fail(new Error("Screenshot '" + image+ "' differ " + data.misMatchPercentage + "%"));
}
});
});
})
Credits:
- Created by James Cryer and the Huddle development team.
- Lukas Svoboda - modification for node.js