Как решить TypeError: environment.teardown не является функцией

Вам не нужно устанавливать jest-cli самостоятельно. Он должен выйти из коробки.

Попробуйте следующее:

1. Удалите package-lock.json, yarn.lock и node_modules.
2. Удалите шутку из зависимостей в package.json
3. Затем сделайте npm install или yarn install.

В моем случае это вызывает эту ошибку, потому что я создаю свой проект React с помощью create-react-app и устанавливаю jest. В определенном смысле это противоречит.

Я решать удаляю jest из моего проекта и использую тестовый скрипт create-react-app.

Добавьте свежую версию jest-environment-jsdom в файл package.json.

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

Я также получал:

TypeError: environment.teardown is not a function

Потому что я пытался обновить Jest до последней версии. При запуске приложения с помощью Create-React-App устанавливается более ранняя версия Jest, которая не включает все функции. Мне было интересно использовать функцию inlineSnapshots, которая позволяет вам утверждать визуализированные компоненты по разметке HTML внутри вашего тестового файла.

Есть несколько вещей, не включенных в документацию Create-React-App или Jest, о которых вам следует знать. Если вы хотите использовать новые функции Jest, например inlineSnapshots, вам необходимо сделать следующее:

• yarn добавляет свежую версию Jest и jest-environment-jsdom
• yarn add prettier --dev (Это сделано для облегчения перезаписи обратно в исходный файл.)
• Добавьте докблок Jest env в самый верх каждого тестового скрипта.

Докблок - это комментарий блока JavaScript с прагматической меткой «@». Для настройки среды Jest вы должны добавить это в начало каждого тестового файла:

/**
 * @jest-environment jsdom
 */

Это дает команду jest запустить тест в среде jsdom, которая должна соответствовать тому, что передается в разделе тестовых сценариев вашего файла package.json. Мой выглядит примерно так (игнорируйте части с response-app-rewired):

   "scripts": {
      "start": "yarn run flow && react-app-rewired start",
      "build": "yarn run flow && react-app-rewired build",
      "test": "react-scripts test --env=jsdom"
   }

После всего этого я наконец смог заставить работать inlineSnapshots.

Для меня это была привязка импорта модуля. По сути, для меня это была привязка экспорта / импорта модуля.

Обычно, если он был экспортирован с использованием module.export, вы должны импортировать с помощью require. Если он был экспортирован с использованием export или export default, вам следует импортировать с помощью import.

Здесь не допускается смешивание.

Если вы не использовали create-react-app для проекта:

• Просто удалите jest, jest-cli, jest-environment-jsdom из package.json.
• Удалите папку узлы-модули, файл пакет-lock.json и файл yarn.lock.
• Используйте npm --save i или yarn add, чтобы установить их все, чтобы у всех была одна и та же версия.

Это должно сработать!

В моем случае мне не хватало пакета jest-environment-jsdom.