UI and Unit Testing with Airbnb's Enzyme

on YouTube ↗41m

" summary

Demonstrates testing React with Enzyme and Jest using shallow rendering to simulate events, spies for callbacks, and state inspection; breaks a submit spec into three focused tests instead of one bulky test; uses enzyme-to-json and snapshots reduce tests 40–60% by replacing many DOM assertions; notes that mount requires jsdom for full child rendering and that Jest runs about 700 tests in ~1 minute; mentions a small Jest dashboard utility being developed and explains how failing snapshots update with a single keystroke.

AI-written summary · about

" chapters (13)

1. 0:00Introduction
2. 1:28Why unit testing matters
3. 4:22Why use Enzyme
4. 6:06Testing React components
5. 10:27Testing user interactions
6. 12:39Stateful components testing
7. 15:28Avoiding overloaded tests
8. 18:41UI testing with snapshots
9. 22:36Snapshot benefits
10. 24:46Setting up dependencies
11. 27:35Jest configuration
12. 29:42Testing strategy summary
13. 31:51Q&A session

" related talks

• 16mCrushing React bugs with Jest and EnzymeJannaee Sick · All Things Open 2020
• 06mJest & Enzyme-testing your React applicationRūta Freimane · FrontCon 2018
• 32mEnzyme/Jest React Components Testing by Hayk Barseghyan (Arm) | JSConfAM19Hayk Barseghyan · JS Conf Armenia 2019
• 18mTesting React in a Right WayVarik Matevosyan (Arm) | ReactConfAM19 · React Conf Armenia 2019
• 22mElizabeth Funk - An Introduction to React Testing LibraryElizabeth Funk · React Loop 2019
• 10mTesting React ApplicationsMary Snow · Assert(js) 2018
• 01h 02mWriting better tests for your JavaScript appJake Ginnivan · NDC London 2017
• 14mSnapshot testingAnna Doubkova · React London 2017