Skip to main content
CSS is fun and cool and I like it.
Video

#178: Percy Catches Visual Changes in any Workflow

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

Article

Testing for Visual Regressions with Percy

It’s a Herculean task to test UI for each and every change to code. We have Percy to help save the day! And it’s really the best friend we have for testing unexpected outcomes that impact design and layout.
Video

#166: Learn to Integrate Visual Testing with Percy

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

Article

Visual Regression Testing with CSS Blend Modes

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

icon-link icon-logo-star icon-search icon-star