Функция рендеринга библиотеки React-testing выдает синтаксическую ошибку - PullRequest
0 голосов
/ 05 июля 2019

Я пытаюсь начать использовать реагирующую библиотеку в моем проекте.Проблема в том, что я не могу все настроить правильно.

Шаги, которые я сделал:

  1. Я установил @ testing-library / реагировать и jest-dom, как подсказывает документация.
  2. Я настраиваю jest.config.js:

    module.exports = {
        setupFilesAfterEnv: [
            '@testing-library/react/cleanup-after-each',
        ],
    };
    
  3. Я написал базовый тест:

    import React from 'react';
    import App from '../App';
    import {render } from "@testing-library/react";
    
    it('renders without crashing', () => {
        const {asFragment} = render(<App/>);
        expect(asFragment).toMatchSnapshot();
    });
    

Ошибка Iget:

  4 |
  5 | it('renders without crashing', () => {
> 6 |     const {asFragment} = render(<App/>);
    |                                 ^
  7 |     expect(asFragment).toMatchSnapshot();
  8 | });
  9 |

Версии моих пакетов из файла package.json:

"@testing-library/react": "^8.0.4",
"jest-dom": "^3.5.0",
"jest": "^24.8.0",
"react": "^16.6.3",
"react-dom": "^16.6.3",

Я пробовал несколько вещей, таких как локальная очистка, а не из файла jest.config.js, чтобы он работал, но, похоже, ничего не работает.

Редактировать: проект был создан с помощью CRA.Хотя я попытался настроить babel и babel-jest самостоятельно, как это было предложено, но ничего не получилось.

1 Ответ

0 голосов
/ 08 июля 2019

Я не могу сказать, в чем здесь проблема, если честно. Я знаю, что это произошло только тогда, когда я переключался с энзима на библиотеку для тестирования реакции Примечание: возврат к ферменту не сработал.

Однако я могу сказать, что сработало. Это был проект на основе CRA, а это значит, что у меня были скрыты все настройки babel, webpack и jest. Я решил запустить npm eject только для исправления конфигурации. Тем не менее, после запуска этой команды тесты снова начали работать.

...