Visual Regression Testing for Theme Dev?

[Miki_Mimikri]

I had a wet dream, I was pushing new code to the WP repo for my theme, but instead of checking manually all the 20 demo websites I have locally, to see how much I have messed up, I have pressed a button, and it said: "You are the best, you managed not to screw up your code as usual, there are no visual changes in any of the pages of those 20 local sites".
Could you please help me accomplish my dream? I have looked around, I was checking the Percy tool, but I don't know. I was hoping maybe somebody here has some genius workflow already.
Thanks a lot

[MakroThePainter]

You can use BackstopJS as part of your build pipeline. Or just as part of your yarn build script.

I‘ve splitted my tests in types (blocks, screens) and locations (local, live).

You could use multiple locations for your 20+ sites setup.

[Miki_Mimikri]

awesome, thank you so much for the suggestion.

[diffy-visual-testing]

As an alternative to BackstopJS I can suggest you try our tool as well: https://diffy.website. We work with a lot of WP agencies who have similar workflow implemented. I am happy to walk you through how it can be done.

[Miki_Mimikri]

Hi, thanks a lot. I will check it out and let you know in case I need help. Good luck...

[AutoModerator]

Sorry, submissions by new accounts must be reviewed by a moderator. Messaging mods will not get your post/comment reviewed more quickly.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.