yhtml5-test
Version:
A test framework for front-end projects
53 lines (36 loc) • 1.76 kB
Markdown
# jest-enzyme
[](https://www.npmjs.com/package/jest-enzyme)

[](https://circleci.com/gh/blainekasten/enzyme-matchers/tree/master)
### Installation
We suggest using [yarn](https://github.com/yarnpkg/yarn) for installations.
```
yarn add jest-enzyme --dev
```
But npm works too!
```
$ npm install jest-enzyme --save-dev
```
### Setup
The simplest setup is to use jest's `setupTestFrameworkScriptFile` config.
> On older versions of Jest,
> you'll also need to tell jest to unmock `react`, `enzyme`, and `jest-enzyme`.
Make sure your `package.json` includes the following:
```js
"jest": {
"setupTestFrameworkScriptFile": "./node_modules/jest-enzyme/lib/index.js",
// old versions of jest set the unmocks
"unmockedModulePathPatterns": [
"react",
"enzyme",
"jest-enzyme"
]
},
```
#### Using with [Create React App](https://github.com/facebookincubator/create-react-app)
If you are using Create React App, instead of adding to your `package.json` as above, you will need to add a `src/setupTests.js` file to your app, to import jest-enzyme:
``` js
// src/setupTests.js
import 'jest-enzyme';
```
This is documented on Create React App at the bottom of the [Testing Components](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#testing-components) section. There is also more information about [Initializing Test Environment](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#initializing-test-environment).