TypeScript errors doesn't show when running tests through JEST with create-react-app

Question

As the title says, when writing incorrect TypeScript-code in a project set up with create-react-app, I don't get any errors in the terminal when running the tests through npm test. Maybe this is expected behaviour? Would however be nice to get the errors to prevent one from writing incorrect TypeScript in tests as well

Sample of incorrect code:

// App.test.tsx
it('Test of incorrect TypeScript', () => {
  let aSimpleString: string = 'hello';
  aSimpleString = 5;
});

P.S. In case you were wondering I am using the TypeScript-version of create-react-app through: npx create-react-app my-app --typescript. Everything else works fine, and if I write incorrect TypeScript in component files the terminal let's me know

Explosion Pills · Accepted Answer · 2019-05-01 15:37:25Z

9

Testing does not do type checking. The tests also don't need to compile properly, although I'm not sure why this is, so type errors in the tests don't manifest.

If you want to do type checking on the tests, use yarn tsc with the default config. This will perform type checking, and it has noEmit set so it will not build anything. The test files are included in the config by default.

If you like, you can also update the test script to: tsc && react-scripts test.

Note that this will only do type checking. You can also use eslint for linting, e.g.

tsc && eslint --ext ts,tsx,js src && react-scripts test

answered May 1, 2019 at 15:37

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sidecus Over a year ago

This has been bothering me for a day and if this is true it's a bummer - especially for people who write libraries. Does anybody know why type checking is not done in test?

sidecus Over a year ago

never mind, found this

Collectives™ on Stack Overflow

TypeScript errors doesn't show when running tests through JEST with create-react-app

Sample of incorrect code:

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Sample of incorrect code:

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related