REACT Jest - тестовый набор не запущен

Question

Я создал образец проекта реакции и добавил JEST, зависимости фермента, чтобы проверить мой компонент. Но ошибка ниже при запуске набора тестов: ОШИБКА: Не удается найти компоненты / компоненты модуля из приложения. js '

However, Jest was able to find:
    'components/Add.js'

You might want to include a file extension in your import, or update your 'moduleFileExtensions', which is currently ['web.js', 'js', 'web.ts', 'ts', 'web.tsx', 'tsx', 'json', 'web.jsx', 'jsx', 'node'].

See https://jestjs.io/docs/en/configuration#modulefileextensions-array-string

However, Jest was able to find:
    './App.css'
    './App.js'
    './App.test.js'

You might want to include a file extension in your import, or update your 'moduleFileExtensions', which is currently ['web.js', 'js', 'web.ts', 'ts', 'web.tsx', 'tsx', 'json', 'web.jsx', 'jsx', 'node'].

See https://jestjs.io/docs/en/configuration#modulefileextensions-array-string

  1 | import React from 'react';
> 2 | import Add from 'components/Add';
    | ^
  3 |
  4 |
  5 | function App() {

  at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:259:17)
  at Object.<anonymous> (src/App.js:2:1)

Наборы тестов: 1 не пройден, всего 1 Тестов: 0 всего моментальных снимков: 0 всего времени: 4.035s Запустил все тестовые наборы.

Может кто-нибудь помочь решить эту проблему, будет рад поделиться более подробной информацией.

Answer 1

Как пишется ваш импорт, вы, вероятно, используете псевдонимы для своих путей. Если вы используете webpack, проверьте webpack.config. json для поля resolve.alias, чтобы подтвердить это.

Если у вас настроены псевдонимы, вам нужно будет также добавить их в конфигурацию jest. Это делается с помощью moduleNameMapper. Например,

{
  "moduleNameMapper": {
    "components/(.*)$": "<rootDir>/PATH_TO_COMPONENTS/$1",
  }

}

Answer 2

Вы пытались использовать относительный импорт вместо этого?

import Add from './components/Add';

Дайте мне знать, если это поможет:)