Run Create-React-App Tests not in Watch Mode

Question

I have a project created using Create-React-App. I am looking to add in a precommit hook to run our linter and tests with the pre-commit package.

"pre-commit": [   "precommit-msg",   "lint",   "test" ], 

However, since the test script runs by default in watch mode, this prevents the commit from ever actually happening. How can add the tests not in watch move in the pre-commit?

Answer 1

You can use the --watchAll=false parameter. So for example you can create another script like this:

"scripts": {   "test:nowatch": "react-scripts test --watchAll=false", } 

And then run

"pre-commit": [   "precommit-msg",   "lint",   "test:nowatch" ], 

Answer 2

I found a solution for my setup by adding the following script in my package.json file.

"test:nowatch": "CI=true react-scripts-ts test --env=jsdom",

"pre-commit": [   "precommit-msg",   "lint",   "test:nowatch" ], 

This came from the following thread: https://github.com/facebook/create-react-app/issues/2336