Comments (5)
You have to have Cairo installed for image comparison in node. I've looked for one-off solutions written in pure javascript and it looks like they don't exist.
If you try to install Cairo on Mac, take a look at Homebrew/legacy-homebrew#14123 (comment) in case you get some pathing issues from brew.
For using resemble in node, see https://github.com/kpdecker/node-resemble.
from resemble.js.
ResembleJS is for "In-browser" image comparison, but that's not to say it can't be tweaked for NodeJS. https://github.com/kpdecker/node-resemble Looks like it might be a good solution for your needs.
Let us know if you get something working.
from resemble.js.
@jamescryer @Droogans
Thanks for the link and informations.
node-resemble seems to be working fine .
Though not an issue But i need to eliminate some dynamic elements from comparison .Is it possible in resemble js to eliminate dynamic parts that changes often from baseline image .
like: https://github.com/webdriverio/webdrivercss
from resemble.js.
Resemble just does image comparison. Presumably you need to use NightwatchJS functionality to hide the dynamic UI before taking the screenshot for comparison.
from resemble.js.
That's not necessarily true. There's https://github.com/EyalAr/lwip/, which would do this after you take a screenshot! @iam404 I'm working on a library that uses Protractor and Mocha that will be able to support that soon.
Depending on your tooling, you may be able to use it. Admittedly, it's a fairly specific toolset to solve a pretty specific problem for myself. If you can't use it, at least you'll have source code that you can use for your own project.
Here's the project: https://github.com/rackerlabs/snappit-mocha-protractor
from resemble.js.
Related Issues (20)
- is there a workaround this canvas bug? HOT 1
- Avoid installing canvas HOT 5
- CSP issue on browser webextensions HOT 1
- Storing image fingerprints for comparing later HOT 1
- Comparing two different images seems to fail HOT 2
- data.misMatchPercentage returning undefined HOT 1
- Be able to specify tolerance color values independently of the other `ignore` flags HOT 1
- Getting an error UnhandledPromiseRejectionWarning: TypeError: ImageData expected with images of different width HOT 1
- Can I remove nodejs support and redistribute this library? HOT 1
- Compare from Image URL? HOT 1
- Click on the element in the page corresponding to the base image HOT 4
- Getting [object Event] error on complete HOT 5
- ReferenceError on Image variable resemble.js
- GLib-GObject-Warning errors are crashing the process HOT 2
- Random compare output image
- Please upgrade canvas HOT 1
- Error: Can't resolve 'canvas' in '~/node_modules/resemblejs'
- FileReader is not defined
- Photo Comparison
- s
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from resemble.js.