From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Visual testing with regression in components using Storybook

Visual testing with regression in components using Storybook

From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency

Start my 1-month free trial Buy for my team

Visual testing with regression in components using Storybook

“

We are almost nearing the end of this tutorial, and I'm sad to see you go. I'm sad to see this coming to an end. By the same token, I'm so excited for you and what you can do with this moving forward. So in the last video, we created this automation process. We made two new builds. One build that actually created regressive changes, changes that affected our stories. And before we accepted those changes, we were able to review the changes. Let's take this a step further, get a little bit deeper and more comfortable and familiar with this visual testing setup that Storybook offers us, all right? So what we did in that last video is called regression tests, and that's synonymous with visual tests. Basically, the test, when we were looking at the old and the new version of the icon color that we changed over here from blue to green, it captures a screenshot of each story and compares them to commit to commit surface changes. So it's a really good way for us to verify graphical elements…

Contents