Skip to content

Commit 9ce0aa5

Browse files
ortagaearon
authored andcommitted
Add a note about vscode-jest (#1126)
1 parent 5a273b2 commit 9ce0aa5

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

Diff for: packages/react-scripts/template/README.md

+7
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
4242
- [Continuous Integration](#continuous-integration)
4343
- [Disabling jsdom](#disabling-jsdom)
4444
- [Experimental Snapshot Testing](#experimental-snapshot-testing)
45+
- [Editor Integration](#editor-integration)
4546
- [Developing Components in Isolation](#developing-components-in-isolation)
4647
- [Making a Progressive Web App](#making-a-progressive-web-app)
4748
- [Deployment](#deployment)
@@ -882,6 +883,12 @@ Snapshot testing is a new feature of Jest that automatically generates text snap
882883
883884
This feature is experimental and still [has major usage issues](https://github.com/facebookincubator/create-react-app/issues/372) so we only encourage you to use it if you like experimental technology. We intend to gradually improve it over time and eventually offer it as the default solution for testing React components, but this will take time. [Read more about snapshot testing.](http://facebook.github.io/jest/blog/2016/07/27/jest-14.html)
884885
886+
### Editor Integration
887+
888+
If you use [Visual Studio Code](https://code.visualstudio.com), there is a [Jest extension](https://github.com/orta/vscode-jest) which works with Create React App out of the box. This provides a lot of IDE-like features while using a text editor: showing the status of a test run with potential fail messages inline, starting and stopping the watcher automatically, and offering one-click snapshot updates.
889+
890+
![VS Code Jest Preview](https://cloud.githubusercontent.com/assets/49038/20795349/a032308a-b7c8-11e6-9b34-7eeac781003f.png)
891+
885892
## Developing Components in Isolation
886893
887894
Usually, in an app, you have a lot of UI components, and each of them has many different states.

0 commit comments

Comments
 (0)