It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
Amy Kapernick covers four types of testing that front-end devs could and should be doing:
Amy published something similar over on 24 ways, listing out 12 different testing tools. … Read article
I wanted to make sure you understand exactly what Percy can do for you, hence the title. When you commit a change to your websites Git repo, like in a Pull Request workflow most of us live in, Percy will let you know if that change causes any visual changes to your site. It will show you exactly what those changes are: what pages, what media query breakpoint, what browser, etc.
It's rather amazing.… Read article
Visual testing is the automated process of reviewing software from a purely visual standpoint. Instead of testing the code underneath, visual testing is all about what end users actually see and interact with.
Similar to functional testing, however, visual testing fits directly into your stack and workflow. And with Percy, it’s easy to add snapshots to and run visual reviews for anything that runs in a browser.… Read article
Did you know that you can set up a review system so that every pull request you make shows you exactly what has changed visually on your site?
That's exactly what Percy does. It assumes what you have on master is correct (configurable) and, when you do a pull request, it literally takes screenshots and compares them to the screenshots of what is on master. If anything has changed, it lets you know, just like unit or integration tests would. … Read article
Last week I saw Una Kravets give a very inspiring talk at Generate Conf about using CSS Filters and Mix Blend Modes. One demo in particular got my attention because Una showed us how we could overlay two layouts on top of each other and use blend modes to spot all the differences between them.
I was pretty excited about this idea and got to thinking: could we create visual regression testing with just one line of CSS? Turns out … Read article