Component libraries are the building blocks of modern front-end apps. Developers can create a component once and reuse it in many places to create consistent user experience. But what happens if a change accidentally breaks any of those components? That could affect many pages! Changes to size, color, layout, and phrases may unintentionally go undetected. How can we easily catch these bugs? Visual component testing! In this talk, we will: 1. Learn how visual testing differs from traditional automated testing 2. Demo visual tests for a live React app with Storybook components 3. Evaluate pros and cons of different visual testing techniques We will use [Applitools Eyes](https://applitools.com/products-eyes/) as our visual testing tool. After this talk, you will be better equipped to test your apps. All example code will be provided in a GitHub repository for you to clone and extend as well! Other sessions at this event 🚀🪐 https://www.conf42.com/js2022 — 0:00 Intro 0:46 Talk