jeudi 12 décembre 2019

syntax error when trying to apply React component test using Enzyme

i got this error when trying to run the test on my Header component

Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

Here's what you can do:
 • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
 • If you need a custom transformation specify a "transform" option in your config.
 • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/en/configuration.html

Details:

SyntaxError: E:\Projects\React\todo_list\src\tests\components\Header.test.js: Unexpected token (6:26)

  4 |
  5 | test("should render Header correctly", () => {
> 6 |   const wrapper = shallow(<Header />);
    |                           ^
  7 |   expect(wrapper.find("h1").text()).toBe(1);
  8 | });
  9 |

anyone has any idea how to solve this problem please

Aucun commentaire:

Enregistrer un commentaire