Testing React in a Right Way

on YouTube ↗18m

" summary

Argues for testing user interactions not implementation details and shows a small app with a checkbox and email field where naive snapshot or shallow Enzyme tests miss a validation bug. Uses Enzyme vs React Testing Library comparisons, demonstrates firing a change event on an input rather than manipulating internals, and runs Cypress for e2e in headless CI with screenshots. Claims unit tests for logic, integration tests for DOM interactions, and e2e to catch browser quirks and disabled-field regressions; shows the CI suite actually catches real failures.

AI-written summary · about

" chapters (5)

1. 0:00React testing intro
2. 4:00Shallow rendering matters
3. 7:57User interactions testing
4. 13:09Headless testing
5. 17:57Q&A

" related talks

• 22mElizabeth Funk - An Introduction to React Testing LibraryElizabeth Funk · React Loop 2019
• 16mCrushing React bugs with Jest and EnzymeJannaee Sick · All Things Open 2020
• 41mUI and Unit Testing with Airbnb's EnzymeRyan Walsh · UtahJS Conf 2017
• 24mUsing React Testing Library to Write Stronger TestsMatt Crowder · React Boston 2019
• 30mTesting Front-End ApplicationsJakub Janczyk · FrontEnd Con 2018
• 29mTesting Is All About PrinciplesAlex Lobera · React Day Berlin 2019
• 53mTesting React ApplicationsHans-Christian Otto · iJS London 2019
• 06mJest & Enzyme-testing your React applicationRūta Freimane · FrontCon 2018