Testing Front-End Applications

on YouTube ↗30m

" summary

Claim: front-end suites with more than 3000 tests become slow and brittle when tests target internals, so tests instead focus on user-visible behavior and integration across components. Uses React examples, replaces Enzyme shallow rendering because enzyme shallow rendering breaks on refactor, mounts real stores (reducers/epics) rather than mocking, and wraps common interactions in small helpers to remove boilerplate. Recommends TDD and libraries like react-testing-library / DOM Testing Library to keep tests stable and meaningful.

AI-written summary · about

" chapters (8)

1. 0:00Introduction and motivation
2. 3:40Why tests matter
3. 7:55Test smells and pitfalls
4. 10:52TDD and test design
5. 13:23Team's journey to better tests
6. 21:44Lessons learned and improvements
7. 25:47Alternative testing tools
8. 28:40Summary and best practices

" related talks

• 24mUsing React Testing Library to Write Stronger TestsMatt Crowder · React Boston 2019
• 45mThe (Dis)Love of Web TestingFlorent Le Gall, Paola Ducolin · Devoxx France 2022
• 53mTesting React ApplicationsHans-Christian Otto · iJS London 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
• 29mTesting Is All About PrinciplesAlex Lobera · React Day Berlin 2019
• 10mTesting React ApplicationsMary Snow · Assert(js) 2018
• 32mEstablishing testing patterns with software design principlesAaron Abramov · Assert(js) 2018