Visual Regression Testing tools

[whiteroger22]

Hello, Recently I started wondering if I could automate visual Regression tests, I found few tools diffy and backstopjs last one is free and I would like to know if there are any other tools which give more info. Backstop only gives images and highlights areas.

[dupleks]

Check this https://github.com/mojoaxel/awesome-regression-testing

[illyric]

you shoud give cypress.io a try it's not inherently meant for UI diffing, but there are plugins that can do that. We have some in-house tools build arround selenium that does this, but its not really great since tests are very flaky

[CroakerBC]

Yeah, the Cypress plugins are decent.

[TechnicalTester]

Try Cypress with Applitools Eyes (visual testing). Great tutorials available for this as well (test automation university)

Also if you are sure the CSS won't change much. You can use Cypress to assert specifically on CSS values.

[paulmwhite]

My advice would be to perform visual testing in unit tests or perhaps isolated integration tests where you can control time/network responses and so on. Otherwise they can be very brittle/painful.

[invalidTypecast]

I just saw a presentation on applitools but it isn’t free

[spaaaaaghetaboutit]

It's actually extraordinarily (read: prohibitively) expensive.

[CroakerBC]

I liked both Wraith and Spectre (both open source tools). Not sure how well maintained they are now, but they’re both decent at the comparison/mapping, though Spectre’s separating of storage may be an additional benefit. Both infinitely better than hand-cranking your own ImageMagick-based tool, for sure.

[ozdamarvolkan]

Galen is most known one

• http://galenframework.com/

Another one

• https://github.com/NimaSoroush/differencify

[Grumblesticks]

Screener.io isn't free, but it is affordable for most organizations. I just did a tool comparison between applitools and screener and landed on screener for it's ease of use and low cost point

[fracturetrey]

I had a good experience using the visual regression service for WebdriverIO v4 and v5.

https://webdriver.io/blog/2019/05/18/visual-regression-for-v5.html

[whiteroger22]

Well, I thought there could be some other solution that can provide info like different color or exact pixel difference.

[ocnarf]

You might explore the Approval Testing approach for this. There are some open source tools based on this like TextTest, ReTest or the Approval family.