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

Christian.H

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

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

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Running Jest on TypeScript tests in non-src folders of a React App

Debugging jest unit tests with create-react-app doesn't hit breakpoint in VSCode

Why does running Cypress on a React/GraphQL app return network errors when normal browsing doesn't?

FSEvents error when running create-react-native-app tests

Error when running jest on a react native + typescript app (Jest encountered an unexpected token)

Jest cannot handle TypeScript TSX files when running tests

Jest Testing Coverage - Errors When Files Don't Have Tests

Can't use uuid module when running tests with Jest

Configure Jest to reset mocks between tests with Create React App

how to debug jest unit tests on create-react-app?

How get window values in Tests with Enzyme, Jest + Create React App

Jest tests show Object is possibly 'null' errors

Jest with create-react-app - unexpected token errors

Why doesn't `npx create-react-app my-app --typescript` give me typescript bo

Errors when running tests in parallel

React native typescript throws error when running jest test command

Jest from create-react-app not running on Windows

When I run "npm start" to run a React app , it doesn't give any errors but hangs forever instead

How to run tests for a create-react-app written in Typescript?

program works when stepping through but doesn't when running

Is it actually possible to make Detox/Jest tests pass with a React Native app running with Expo?

Pycharm can't find Django app 'users' when running tests

create-react-app typescript global.d.ts file doesn't work

Running a Flask App in docker doesn't show a page in browser

Typescript errors when using jest mocks

When testing react project npm test works but jest doesn't

Jest finds tests but doesn't collect coverage

yarn start doesn't open react app on chrome but no errors are thrown?

Why won't Trix editor mount in Vue component when running tests with Jest?

TOP Ranking

  1. 1

    Failed to listen on localhost:8000 (reason: Cannot assign requested address)

  2. 2

    How to import an asset in swift using Bundle.main.path() in a react-native native module

  3. 3

    Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)

  4. 4

    pump.io port in URL

  5. 5

    Spring Boot JPA PostgreSQL Web App - Internal Authentication Error

  6. 6

    BigQuery - concatenate ignoring NULL

  7. 7

    ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3

  8. 8

    Do Idle Snowflake Connections Use Cloud Services Credits?

  9. 9

    maven-jaxb2-plugin cannot generate classes due to two declarations cause a collision in ObjectFactory class

  10. 10

    Compiler error CS0246 (type or namespace not found) on using Ninject in ASP.NET vNext

  11. 11

    Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

  12. 12

    Generate random UUIDv4 with Elm

  13. 13

    Jquery different data trapped from direct mousedown event and simulation via $(this).trigger('mousedown');

  14. 14

    Is it possible to Redo commits removed by GitHub Desktop's Undo on a Mac?

  15. 15

    flutter: dropdown item programmatically unselect problem

  16. 16

    Change dd-mm-yyyy date format of dataframe date column to yyyy-mm-dd

  17. 17

    EXCEL: Find sum of values in one column with criteria from other column

  18. 18

    Pandas - check if dataframe has negative value in any column

  19. 19

    How to use merge windows unallocated space into Ubuntu using GParted?

  20. 20

    Make a B+ Tree concurrent thread safe

  21. 21

    ggplotly no applicable method for 'plotly_build' applied to an object of class "NULL" if statements

HotTag

Archive