Home

Awesome

React + Jest + Enzyme = :heart:

slides-badge PRs Welcome Donate

<a href="https://app.codesponsor.io/link/PKGFLnhDiFvsUA5P4kAXfiPs/kentcdodds/react-jest-workshop" rel="nofollow"><img src="https://app.codesponsor.io/embed/PKGFLnhDiFvsUA5P4kAXfiPs/kentcdodds/react-jest-workshop.svg" style="width: 888px; height: 68px;" alt="Sponsor" /></a>

Find slides here

This is a workshop for learning how to test React with the Jest testing framework and the Enzyme testing library.

Project Setup

This project assumes you have NodeJS v6 or greater installed. It's also recommended to use the yarn client (rather than npm). If you'd rather stick with npm, that's fine. Just replace yarn with npm in the instructions below and hope that things don't break 😏. You'll also need a recent version of git installed as well.

With that, run:

git clone https://github.com/kentcdodds/react-jest-workshop.git
cd react-jest-workshop
yarn run setup

If the yarn run setup script finishes without errors (don't worry about warnings) then you're good to go. Otherwise, please file an issue.

Testing Instructions

There are two directories in this project that you should be interested in:

The tests in exercises are actually all scaffolded for you. So your goal is to go through and write all the tests. Do this:

  1. Run yarn run watch:test which will start running the tests in watch mode, meaning that as you save your file, it will automatically re-run your tests so you can quickly see how you're doing.
  2. Choose a file in the exercises directory that ends in .test.js and implement the tests one-by-one.

Good luck!

LICENSE

MIT