使用酶适配器反应 15.4 反应对等依赖问题

Question

我正面临enzyme-adapter-react-15.4 的对等依赖问题。我使用 JEST 和 ENZYME 对我的 React 应用程序进行单元测试。我使用以下配置：

"react": "^15.1.0",
"enzyme": "^3.2.0",
"react-addons-test-utils": "^15.3.1",
"enzyme-adapter-react-15.4": "^1.0.5",
"react-dom": "^15.1.0",

即使我有所有模块，我也会遇到以下错误：

! peer dep missing: react@15.0.0-0 - 15.4.x, required by enzyme-adapter-react-15.4@1.0.5 npm ERR! peer dep missing: react-addons-test-utils@15.0.0-0 - 15.4.x, required by enzyme-adapter-react-15.4@1.0.5 npm ERR! peer dep missing: react-dom@15.0.0-0 - 15.4.x, required by enzyme-adapter-react-15.4@1.0.5

我在 node_modules/react/package.json 中看到安装的版本是 15.6.2，而我专门安装了 15.1 作为 prod 依赖项。

我的配置文件：

// enzyme-setup.js
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-15.4';

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

开玩笑：

{
    "testEnvironment": "jsdom",
    "setupTestFrameworkScriptFile": "./enzyme.setup.js",
    "testResultsProcessor": "jest-teamcity-reporter",
    "coverageReporters": [
        "teamcity", "lcov"
   ],
    "rootDir": "",
    "roots": [
      "__tests__/unit/"
    ],
    "moduleNameMapper": {
        "@PathToMappers(.*)$": "<rootDir>/src/data/mappers/$1",
        "@PathToModels(.*)$": "<rootDir>/src/data/models/$1",
        "@PathToMocks(.*)$": "<rootDir>/__tests__/mocks/data/$1",
        "@PathToXHRClient(.*)$": "<rootDir>/src/service/xhr-client/$1",
        "@PathToComponents(.*)$": "<rootDir>/src/component/$1"
    }
}

Answer 1

您需要一个如下所示的酶设置配置文件：

//setup.js
import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-15';

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

那么你需要在你的 package.json 中的 jest 对象中要求这个文件

  "jest": {
    "setupTestFrameworkScriptFile": "<rootDir>" // path from your test folder to your setup.js file
  },