Как настроить Jest в PhpStorm для приложения React (вариант создания-реагирования-приложения) - PullRequest
Новая
       22

Как настроить Jest в PhpStorm для приложения React (вариант создания-реагирования-приложения)

0 голосов
/ 04 марта 2020

Я пытаюсь запустить тесты из IDE PhpStorm. Но IDE выдает ошибку и не принимает мою конфигурацию как действительную. Хотя я настроил его как официальная документация PhpStorm объясняет это.

У меня есть стандартное приложение CRA. Я хочу использовать Enzyme и Jest в качестве тестовых утилит.

Я использую jest-энзим и jest-environment-энзим вместе с энзим и энзим-адаптер-реакция-16 .

PhpStorm docs сообщает:

Укажите местоположение шут , activ-scripts , response-script-ts , response-super-scripts или response-awesome-scripts пакет.

Я пытался указать оба, jest или response-scripts . И оба варианта не работают в PhpStorm.

Вот мои две конфигурации:

No.1: Jest

IDE выдает SyntaxError, потому что это не не распознают компоненты React. Я думаю, что он не знает, как использовать Babel или Webpack. Но в документации IDE ничего не говорится о том, как указать IDE на Babel или другие компиляторы.

enter image description here

No.2: response-scripts

броски IDE argv.config.match не является функцией . Он даже не может начать тестирование.

enter image description here

My jest.config. js выглядит следующим образом, как этого требует Jest-Environment-энзим : 

module.exports = {
  "setupFilesAfterEnv": ["jest-enzyme"],
  "testEnvironment": "enzyme",
  "verbose": true,
};

UPD1:

Мой setupTests.js файл: 

// jest-dom adds custom jest matchers for asserting on DOM nodes.
// allows you to do things like:
// expect(element).toHaveTextContent(/react/i)
// learn more: https://github.com/testing-library/jest-dom
import '@testing-library/jest-dom/extend-expect';
import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import 'jest-enzyme';

Enzyme.configure({
  adapter: new Adapter()
});
...