Make Your Frontend Tests Your Best Allies
summary
Morgane Riclet and Élise Récéjac present practical techniques to make front-end tests faster and more useful by focusing on implementation-independent test design, speeding local feedback using profiling, and optimizing CI pipelines with parallelization and sharding. The talk targets developer experience (DevX) around front-end testing and CI/CD so teams can write reliable front tests and deliver faster with fewer bugs.
AI-written summary · about
chapters (23)
- 0:00Introduction
- 1:45Missing frontend tests problem
- 2:27Snapshot tests pros and cons
- 6:01Criteria for effective tests
- 7:53Why avoid end-to-end tests
- 8:54Testing Library intro and benefits
- 12:06First tests with Testing Library
- 14:11Test coverage strategy
- 14:54CI problems and solutions
- 16:00What is CI?
- 17:14CI configuration
- 18:20CI performance issues
- 20:26Parallelization optimization
- 21:54Test sharding
- 22:57Parallel job costs
- 24:21Dependency caching
- 25:02Jest cache optimization
- 26:28Test performance analysis
- 27:12Using Speedscope
- 31:43Selector optimization
- 33:07Import optimization
- 36:25Best practices summary
- 37:37Q&A
related talks
47mPut Your Frontends to the Ultimate Test
35mTesting in Frontend World
16mAnatomy of a Test, or the Usefulness of a Frontend Test
17mThe pragmatic front-end tester
01h 00mFront end First — surviving with testing in JavaScript
25mExperiences Writing Test Code in Front-End Projects
26mModern Testing Practices in Frontend Applications
45mThe (Dis)Love of Web Testing