Блог

Я пишу первые тесты для своего приложения и просто устанавливаю Jest.

Мой тест довольно прост, поэтому я не думаю, что ошибка, которую я получаю, исходит оттуда.

 import React from 'react';
import renderer from 'react-test-renderer';
import FancyInput from './FancyInput';

describe('FancyInput', () => {
  it('should render correctly', () => {
    expect(
      renderer.create(
        <FancyInput />
      )
    ).toMatchSnapshot();
  });
});
  

Ошибка при запуске теста Support for the experimental syntax 'jsx' isn't currently enabled
также

 `Add @babel/preset-react (https://git.io/JfeDR) to the 'presets' section of your Babel config to enable transformation.
    If you want to leave it as-is, add @babel/plugin-syntax-jsx (https://git.io/vb4yA) to the 'plugins' section to enable parsing.`
  

В моем файле webpack есть следующее:

 rules: [
  {
    test: /.js$/,
    exclude: /node_modules/,
    use: {
      loader: 'babel-loader',
      options: {
        presets: [
          '@babel/preset-react',
        ],
        plugins: [
          ["@babel/plugin-proposal-decorators", { "legacy": true }],
          ["@babel/plugin-proposal-optional-chaining"],
          ["@babel/plugin-syntax-jsx"],
        ]
      }
    }
  },
  

также в моем package.json есть все плагины, которые я считаю необходимыми

 "@babel/plugin-proposal-class-properties": "^7.10.4",
"@babel/plugin-proposal-decorators": "^7.4.4",
"@babel/plugin-proposal-optional-chaining": "^7.11.0",
"@babel/plugin-syntax-jsx": "^7.10.4",
"@babel/preset-react": "^7.0.0",
  

чего мне здесь не хватает?