Run Create-React-App Tests not in Watch Mode

reactjs testing jestjs create-react-app githooks
Yuschick picture Yuschick · Mar 7, 2018 · Viewed 8.8k times · Source

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

Boogie picture Boogie · Nov 30, 2019

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"
],

Related questions

Simulate a button click in Jest

Simulating a button click seems like a very easy/standard operation. Yet, I can't get it to work in Jest.js tests. This is what I tried (and also doing it using jQuery), but it didn't seem to trigger anything: …

Read More
Jest spyOn function called

I'm trying to write a simple test for a simple React component, and I want to use Jest to confirm that a function has been called when I simulate a click with enzyme. According to the Jest docs, I should …

Read More
How can I use Jest to spy on a method call?

I recently wanted to test that some custom method gets conditionally called in the componentDidMount method of a React component. componentDidMount() { if (this.props.initOpen) { this.methodName(); } } I'm using Jest as my testing framework, which includes jest.fn() for mocks/…

Read More