Testing React Applications

on YouTube ↗53m

" summary

A small Twitter clone is built to show what actually gets tested: pure presentational components, container logic, and Redux actions with mocked fetches. Tests use jest + enzyme for mount, simulate and mock functions, plus shallow snapshot tests to avoid brittle HTML diffs. Examples include asserting callbacks on submit, shallow snapshots listing child components only, and dispatch sequences for promise middleware. Alternatives mentioned: react testing library, Storybook with storyshots, Puppeteer and Selenium for higher‑level checks.

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 1:38How to create nice react components?
3. 3:45Let's talk about testing.
4. 3:57What is easy to test?
5. 11:08function of state
6. 12:22Presentational Components
7. 12:51Container Components
8. 47:46Hooks
9. 48:23And the real world?
10. 51:37What's the take away?

" related talks

• 10mTesting React ApplicationsMary Snow · Assert(js) 2018
• 30mTesting React ApplicationsJack Franklin · React Amsterdam 2016
• 01h 00mTest Driving React ApplicationsVenkat Subramaniam · Great International Developer Summit 2023
• 06mJest & Enzyme-testing your React applicationRūta Freimane · FrontCon 2018
• 22mElizabeth Funk - An Introduction to React Testing LibraryElizabeth Funk · React Loop 2019
• 30mTesting Front-End ApplicationsJakub Janczyk · FrontEnd Con 2018
• 24mUsing React Testing Library to Write Stronger TestsMatt Crowder · React Boston 2019
• 18mTesting React in a Right WayVarik Matevosyan (Arm) | ReactConfAM19 · React Conf Armenia 2019