How do I use jest to test jsx components?

Question

According to the docs, jest can only be used to test js files. Can we use it to test the jsx? Jsx files? Can we use it to test jsx files? If so, how?

Answer 1

You can use babel-jest for testing jsx file. Read more at here

To run test for jsx file you need to add more .jsx when unmock or import implement code.

Example:

For Js file: jest.unmock('../jsx/CheckboxWithLabel')

For JSX file: jest.unmock('../jsx/CheckboxWithLabel.jsx')