Фермент / Jest Ошибка тестирования компонента рендеринга в React (TS)

Question

У меня возникла странная проблема с тестированием Jest / Enzyme в моем приложении для машинописного ввода. По какой-то причине он выдает синтаксическую ошибку, даже если это следует официальной документации, а также сведениям из нескольких статей.

Код:

import React from 'react';
import NavbarTop from "../components/navbar";
import { shallow } from 'enzyme';

describe('NavbarTop', () => {
    it('renders correctly', () => {
        const wrapper = shallow(<NavbarTop />);
        expect(wrapper).toMatchSnapshot();
        // On the first run of this test, Jest will generate a snapshot file automatically.
    });
});

Структура папок. У меня есть именованный класс, а затем индекс с экспортом по умолчанию.

Журнал ошибок.

Answer 1

У вас настроен JSX для Jest? Похоже, у вас нет поддержки JSX в Jest, что, вероятно, означает, что это проблема конфигурации. Посмотрите, как настроить babel для поддержки JSX в Jest.

Убедитесь, что вы прочитали это руководство