Skip to content

Instantly share code, notes, and snippets.

Avatar

Dan Prince danprince

View GitHub Profile
@joshdover
joshdover / README.md
Last active Oct 13, 2021
Idiomatic React Testing Patterns
View README.md

Idiomatic React Testing Patterns

Testing React components seems simple at first. Then you need to test something that isn't a pure interaction and things seem to break down. These 4 patterns should help you write readable, flexible tests for the type of component you are testing.

Setup

I recommend doing all setup in the most functional way possible. If you can avoid it, don't set variables in a beforeEach. This will help ensure tests are isolated and make things a bit easier to reason about. I use a pattern that gives great defaults for each test example but allows every example to override props when needed: