不在监视模式下运行 Create-React-App 测试

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

Answer 3

Cross platform solution for this:

1. Install cross-env
2. Use your test command with such props: "test:nowatch": "cross-env CI=true react-scripts test --env=jsdom --findRelatedTests"

Answer 4

只需添加CI=true像这样的"test": "CI=true react-scripts test"对我有用