An Architecture for Testing Your Frontend
summary
Presents an architecture for unit-testing frontend applications that focuses on testing behaviors rather than implementation details. Describes handling global state, synchronizing data from multiple sources, and verifying user interactions through an approach that makes frontend unit tests more effective than isolating individual functions.
AI-written summary · about
chapters (10)
- 0:00Frontend test architecture
- 1:32Test pyramid feedback
- 2:58Unit test limits
- 6:36Implementation vs behavior
- 8:20Tight coupling issues
- 9:24Separate responsibilities
- 10:29Dependency inversion
- 12:58Decouple data updates
- 14:01Final architecture
- 15:05Summary
related talks
47mPut Your Frontends to the Ultimate Test
30mThe Art of Front-end Architecture
01h 00mFront end First — surviving with testing in JavaScript
30mTesting Front-End Applications
50mThe Art of Front-end Architecture
16mAnatomy of a Test, or the Usefulness of a Frontend Test
53mClean Architecture Works in the Frontend Too!
39mClean Architecture works in the Frontend too!