Visual Validation CLI Tool for Manual Testers
Margara helps engineers quickly capture and validate the visual state of a webapp by comparing screenshots against different environments and browsers.
Margara uses playwright under the hood which means that you will require several tools to make it work:
- NodeJs v12.19.0 or up
- In order to capture screenshots for specific browsers you have to have them installed:
- Chrome chromium
- Firefox firefox
- Safari webkit
npm install -g @coffeestain/margaraYou can take screenshots of a single page in a browser
margara shot -url https://www.google.comOr you could specify the browsers to check:
margara shot -browsers chromium firefox webkit -browsers chromium firefox webkitYou can compare the state of a website against a baseline and a target .png.
If you don't have a baseline it is recorded on the first execution.
margara shot -t https://www.google.comIf you have a baseline it uses it to compare with the screenshot.
margara shot -t https://www.google.comOr you can specify the baseline url and target url and compare them on a single execution.
margara shot -t https://www.google.com -B https://www.google.com?q=holaYou can always specify which browsers to run this
margara compare -t https://www.google.com -B https://www.google.com\?q\=hola -b firefoxMake sure you have installed the browsers in which you want to compare.
Firefox: firefox Chrome: chromium Safari: webkit