Running CRA Jest in non-interactive mode

reactjs redux jestjs create-react-app
AlexStack picture AlexStack · Sep 27, 2016 · Viewed 13.5k times · Source

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.

Answer

WayneC picture WayneC · Sep 27, 2016

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

Related questions

Cannot read property '.then' of undefined when testing async action creators with redux and react

I'm trying to write some test using react, redux-mock-store and redux, but I keep getting and error. Maybe because my Promise has not yet been resolved? The fetchListing() action creator actually works when I try it on dev and production, …

Read More
Testing dispatched actions in Redux thunk with Jest

I'm quite new to Jest and admittedly am no expert at testing async code... I have a simple Fetch helper I use: export function fetchHelper(url, opts) { return fetch(url, options) .then((response) => { if (response.ok) { return Promise.resolve(…

Read More
Testing custom hook: Invariant Violation: could not find react-redux context value; please ensure the component is wrapped in a <Provider>

I got a custom hook which I want to test. It receives a redux store dispatch function and returns a function. In order to get the result I'm trying to do: const { result } = renderHook(() => { useSaveAuthenticationDataToStorages(useDispatch())}); However, I get …

Read More