Using React Testing Library to Write Stronger Tests

on YouTube ↗24m

" summary

Argues that switching from enzyme to react-testing-library stops brittle, white‑box tests and forces tests to exercise only the render output and DOM interactions; demos using fireEvent, getByLabelText and getByTitle, plus the toHaveStyle matcher to assert theme colors. Shows testing hooks, controlled vs uncontrolled components, redux and i18n providers, and a persisted theme that survives unmount/rerender by recreating the store. Notes a prior 100% coverage suite that constantly broke and how the new approach fixes that.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 0:35My history of tests
3. 1:53Controlling vs Uncontrolled Components
4. 4:47React Testing Library
5. 5:36What is React Testing
6. 6:07What React Testing Library Encourages
7. 9:06Real World Example
8. 10:17User Representation
9. 14:12RealWorld Example

" related talks

• 25mTesting ReactMatt Crowder · NationJS Frontrunners React 2019
• 22mElizabeth Funk - An Introduction to React Testing LibraryElizabeth Funk · React Loop 2019
• 30mTesting Front-End ApplicationsJakub Janczyk · FrontEnd Con 2018
• 18mTesting React in a Right WayVarik Matevosyan (Arm) | ReactConfAM19 · React Conf Armenia 2019
• 53mTesting React ApplicationsHans-Christian Otto · iJS London 2019
• 30mTesting Library: everybody uses it, but nobody understands itMatan Borenkraout · code.talks 2023
• 39mReact Hooks broke my tests, now what?Daniel Afonso · reactjsday 2020
• 32mEstablishing testing patterns with software design principlesAaron Abramov · Assert(js) 2018