Test Driving React Applications

on YouTube ↗01h 00m

" summary

Shows step‑by‑step TDD for React using Create React App, Jest and React Testing Library: starts with a canary test to verify environment, uses jest.mock to stub child components, demonstrates render + screen.get / query / find (get/query/find) and fireEvent to simulate typing and clicking, builds a small Greet component with useState, drives code until tests pass, and explains measuring coverage (aiming for high coverage, rule of three) and mocking async services. The demo compiles and tests green.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to TDD
2. 7:24Benefits of test driven development
3. 14:47Setting up the environment
4. 27:34Writing the first test
5. 33:14Understanding code coverage
6. 44:34Developing test writing skills
7. 48:27Testing user interactions

" related talks

• 10mTesting React ApplicationsMary Snow · Assert(js) 2018
• 53mTesting React ApplicationsHans-Christian Otto · iJS London 2019
• 30mTesting React ApplicationsJack Franklin · React Amsterdam 2016
• 33mTDCD: Test Driven Component DevelopmentTim Doherty · JSConf US 2019
• 45mWrite fewer tests! Model-based testing in ReactDavid Khourshid · ReactConf AU 2020
• 01h 03mProductive React/TypeScript/TDD: Love Story from HellPaul Everitt · Silicon Valley Code Camp 2018
• 06mJest & Enzyme-testing your React applicationRūta Freimane · FrontCon 2018
• 24mUsing React Testing Library to Write Stronger TestsMatt Crowder · React Boston 2019