Skip to content

Commit

Permalink
Add a note about vscode-jest (#1126)
Browse files Browse the repository at this point in the history
  • Loading branch information
orta authored and gaearon committed Dec 1, 2016
1 parent 5a273b2 commit 9ce0aa5
Showing 1 changed file with 7 additions and 0 deletions.
7 changes: 7 additions & 0 deletions packages/react-scripts/template/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
- [Continuous Integration](#continuous-integration)
- [Disabling jsdom](#disabling-jsdom)
- [Experimental Snapshot Testing](#experimental-snapshot-testing)
- [Editor Integration](#editor-integration)
- [Developing Components in Isolation](#developing-components-in-isolation)
- [Making a Progressive Web App](#making-a-progressive-web-app)
- [Deployment](#deployment)
Expand Down Expand Up @@ -882,6 +883,12 @@ Snapshot testing is a new feature of Jest that automatically generates text snap
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)
### Editor Integration
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.
![VS Code Jest Preview](https://cloud.githubusercontent.com/assets/49038/20795349/a032308a-b7c8-11e6-9b34-7eeac781003f.png)

This comment has been minimized.

Copy link
@gnapse

gnapse Aug 7, 2017

Contributor

@orta sorry for taking this space for a totally unrelated question, but is that a font or a plugin that makes the arrows of arrow functions look like actual arrows? Can you link to whatever it is needed to set that up?

This comment has been minimized.

Copy link
@jparkrr

jparkrr Aug 7, 2017

This comment has been minimized.

Copy link
@orta

orta Aug 8, 2017

Author Contributor

Hah - yeah it is

This comment has been minimized.

Copy link
@gnapse

gnapse Aug 8, 2017

Contributor

Thanks!

## Developing Components in Isolation
Usually, in an app, you have a lot of UI components, and each of them has many different states.
Expand Down

0 comments on commit 9ce0aa5

Please sign in to comment.