Catch Visual Bugs Before They Ship

There’s nothing more frustrating than learning part of your app looks funky from a user screenshot. In this episode, Chris Kalmar will teach us how holistic visual regression testing catches problems BEFORE they ship. Upcoming episodes: https://lwj.dev/schedule Repo: https://github.com/learnwithjason/lost-pixel-tutorial Links & Resources: - https://kentcdodds.com/blog/the-testing-trophy-and-testing-classifications - https://twitter.com/chriskalmar - https://www.burgers.dev/ - https://github.com/lost-pixel/lost-pixel-tutorial - https://lost-pixel.com/ - https://lost-pixel.com/blog - https://docs.lost-pixel.com/user-docs/ - https://discord.gg/lwj Watch future episodes live at https://twitch.tv/jlengstorf This episode was sponsored by: - Netlify (https://lwj.dev/netlify) - Nx (https://lwj.dev/nx) - New Relic (https://lwj.dev/new-relic) - Pluralsight (https://lwj.dev/pluralsight) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) 00:00:00 - Welcome 00:00:33 - Who is Chris Kalmar? 00:02:23 - How can you catch visual bugs before they ship? 00:13:37 - Working with snapshot testing 00:27:01 - How do you prevent visual testing from becoming a blocker? 00:33:25 - How do I start with visual regression testing? 01:03:51 - 3 different types of regression 01:21:31 - Where can people find out more about visual testing?