Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Running CRA Jest in non-interactive mode

Update: my use case is mainly to run tests at CI, but overriding default CRA Jest parameters is something I'm generally wondering about.


I'm running tests using the Jest, config that came with Create React App. It always launches into the interactive mode:

 › Press a to run all tests.  › Press o to only run tests related to changed files.  › Press p to filter by a filename regex pattern.  › Press q to quit watch mode.  › Press Enter to trigger a test run. 

But I don't want it to wait for my input. I want it to run once and then terminate. I tried using the --bail or --no-watchman switches but it still launches in interactive mode.

If I globally install jest, and run it in the root of my project, it executes once and finish (just as I want). But when I run npm test which runs react-scripts test, it goes into the watch mode even when I'm not passing --watch.

Update: I've also filed an issue on CRA.

like image 970
AlexStack Avatar asked Sep 27 '16 11:09

AlexStack


2 Answers

You should use Jests --watchAll=false flag.

eg:

npm test -- --watchAll=false

Note: this is for react-scripts > 3.00

For older versions:

  • react-scripts >= 2.1.4 < 3.00

For non-ci, eg running tests locally, you can pass a --no-watch flag:

npm test --no-watch

  • react-scripts <= 2.1.3

CRA looks for a CI environment variable, if its present it doesn't run in watch mode.

CI=true npm test should do what you are looking for

See the User Guide -> Running Tests -> On your own environment

like image 99
WayneC Avatar answered Sep 21 '22 13:09

WayneC


In your package.json scripts:

"test": "react-scripts test --watchAll=false"

Or npm test -- --watchAll=false

Or yarn test --watchAll=false

Note: the flag used to be called --no-watch in react-scripts < 3.0: https://github.com/facebook/create-react-app/blob/3.x/CHANGELOG.md#remove---no-watch-flag

like image 24
thisismydesign Avatar answered Sep 18 '22 13:09

thisismydesign