Take a Snapshot

on YouTube ↗30m

" summary

Shows how to add Jest integration to an Angular app and demonstrates using both image snapshots and structured object snapshots for testing. Argues snapshots reduce manual verification but require discipline—recommends focusing snapshots on business logic, using readable object formats, grouping tests to avoid flaky beforeEach issues, and having an explicit CI review/update flow to manage snapshot changes while warning against brittle large blobs and committing opaque JSON/images.

AI-written summary · about

" chapters (13)

1. 0:00Welcome
2. 1:06What is a snapshot
3. 5:24Testing benefits
4. 7:10Snapshot tools setup
5. 10:03Basic snapshot config
6. 12:13Snapshot file structure
7. 14:03Updating snapshots
8. 17:15Each feature
9. 20:06Business logic testing
10. 24:04Snapshot tips
11. 26:14Snapshot review
12. 28:21Updating snapshot tests
13. 29:47When to use snapshots

" related talks

• 20mJest TestingJesse Sanders · NGConf 2018
• 14mSnapshot testingAnna Doubkova · React London 2017
• 19mModern Testing Strategies for Reactive ApplicationsBrandon Roberts · ngAtlanta Conf 2018
• 27mJest Snapshots and BeyondRogelio Guzman · React Conf 2017
• 25mAngular + Jest: Testing TitbitsMaria Korneeva · Reliable Web Summit 2021
• 01h 02mWriting better tests for your JavaScript appJake Ginnivan · NDC London 2017
• 45mReactive Testing Strategies with NgRxBrandon Roberts, Mike Ryan · NGConf 2018
• 39mSpeed up your unit testing with JestBo Vandersteene · Devoxx Belgium 2019