kylefang/create-react-app
1
0
Fork 0
mirror of https://github.com/zhigang1992/create-react-app.git synced 2026-04-28 17:35:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add documentation for Enzyme 3 integration (#3286)

Browse Source 
This resolves #3272.
This commit is contained in:
Ryan Sullivan
2017-10-28 13:44:27 -07:00
committed by Dan Abramov
parent 1fa16ace5f
commit 4add16dc77
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/react-scripts/template/README.md
View File

@@ -1262,16 +1262,28 @@ When you encounter bugs caused by changing components, you will gain a deeper in
If you’d like to test components in isolation from the child components they render, we recommend using [`shallow()` rendering API](http://airbnb.io/enzyme/docs/api/shallow.html) from [Enzyme](http://airbnb.io/enzyme/). To install it, run:
```sh
npm install --save enzyme react-test-renderer
npm install --save enzyme enzyme-adapter-react-16 react-test-renderer
```
Alternatively you may use `yarn`:
```sh
yarn add enzyme react-test-renderer
yarn add enzyme enzyme-adapter-react-16 react-test-renderer
```
You can write a smoke test with it too:
As of Enzyme 3, you will need to install Enzyme along with an Adapter corresponding to the version of React you are using. (The examples above use the adapter for React 16.)
The adapter will also need to be configured in your [global setup file](#initializing-test-environment):
#### `src/setupTests.js`
```js
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
configure({ adapter: new Adapter() });
```
Now you can write a smoke test with it:
```js
import React from 'react';