Crushing React bugs with Jest and Enzyme

on YouTube ↗16m

" summary

Walkthrough of concrete testing work: uses Jest and Enzyme on a React app built for the Red Hat Marketplace, configures an Enzyme adapter for the React version, and pushes example tests and a repo. Shows shallow versus mount, snapshot creation and a snapshot mismatch failure example, a modal interaction test that clicks a button and asserts an element gains an is-visible class, and a coverage report highlighting uncovered lines. Notes Enzyme pitfalls and using CodeSandbox to run tests.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 2:29About Me
3. 4:55Setup
4. 10:39Snapshot Testing Fail
5. 11:31Coverage reports

" related talks

• 41mUI and Unit Testing with Airbnb's EnzymeRyan Walsh · UtahJS Conf 2017
• 06mJest & Enzyme-testing your React applicationRūta Freimane · FrontCon 2018
• 32mEnzyme/Jest React Components Testing by Hayk Barseghyan (Arm) | JSConfAM19Hayk Barseghyan · JS Conf Armenia 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
• 10mTesting React ApplicationsMary Snow · Assert(js) 2018
• 29mTest-Driven Development with JestDavid Demirkhanyan, Narek Ghevondian · JavaScript Conference Armenia 2018
• 26mMigrating from Enzyme to React Testing LibraryBen Ilegbodu · React Miami 2022