Snapshot testing

on YouTube ↗14m

" summary

Snapshot testing claims to serialize component output and flag any DOM changes so regressions and tiny ordering mistakes surface immediately; Jest introduced snapshot testing and teams pair it with shallow-render + enzyme-to-json or plug it into AVA with fewer features. It excels at refactoring safety and raising code coverage, but it is committed snapshots cause merge conflicts and it encourages non‑TDD use so avoid it for core business logic. The interactive Jest watcher and simple update flow make it practical and effective for React components.

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 1:28What is a snapshot
3. 2:30How does it work
4. 5:15Testing frameworks
5. 6:20What is good
6. 8:07What is bad
7. 10:36Questions

" related talks

• 27mJest Snapshots and BeyondRogelio Guzman · React Conf 2017
• 06mJest & Enzyme-testing your React applicationRūta Freimane · FrontCon 2018
• 29mTest Like It's 2017Michele Bertoli · React Amsterdam 2017
• 20mJest TestingJesse Sanders · NGConf 2018
• 19mModern Testing Strategies for Reactive ApplicationsBrandon Roberts · ngAtlanta Conf 2018
• 41mUI and Unit Testing with Airbnb's EnzymeRyan Walsh · UtahJS Conf 2017
• 29mTest-Driven Development with JestDavid Demirkhanyan, Narek Ghevondian · JavaScript Conference Armenia 2018
• 39mSpeed up your unit testing with JestBo Vandersteene · Devoxx Belgium 2019