Использование enzyme с Jest

Настройка с Jest

Для запуска файла настройки для конфигурации Enzyme и адаптера (как показано в документации по установке) с Jest, установите setupFilesAfterEnv (ранее setupTestFrameworkScriptFile) в вашем файле конфигурации (проверьте документацию Jest для возможных расположений этого файла конфигурации) буквально на строку <rootDir> и путь к вашему файлу настройки.

{
  "jest": {
    "setupFilesAfterEnv": ["<rootDir>src/setupTests.js"]
  }
}

Jest версии 15 и выше

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

Установите Jest и его интеграции с Babel, как рекомендовано в документации Jest. Установите enzyme. Затем просто импортируйте/подключите React, функции enzyme и ваш модуль в верхней части файла теста.

import React from 'react';
import { shallow, mount, render } from 'enzyme';

import Foo from '../Foo';

Вам не нужно включать собственный рендерер Jest, если вы не хотите использовать его только для тестирования снимков Jest.

Пример проекта для Jest версии 15+

• Пример теста для Jest 15+

Jest версии ниже 15

Если вы используете Jest 0.9 – 14.0 с enzyme и функцией автоматической подмены Jest, вам нужно пометить react и enzyme как неподменяемые в вашем package.json:

package.json:

{
  "jest": {
    "unmockedModulePathPatterns": [
      "node_modules/react/",
      "node_modules/enzyme/"
    ]
  }
}

Если вы используете предыдущую версию Jest вместе с npm3, вам может потребоваться размоделировать больше модулей.