Jest/React - 如何在单元测试中使用全局对象?

IT技术 javascript unit-testing reactjs jestjs
2021-05-01 17:17:48

我使用带有 require() 的 CommonJS module,除了 React,它是全局的:

// I don't want require React in every module:
// var React = require("react");

var MyComponent = React.createClass({ // React is global here
});

在 MyComponent 上运行单元测试时,Jest 找不到 React。有没有办法告诉 Jest 插入一个全局 React 对象?(我使用 npm 和 gulp-browserify。)

1个回答

使用以下设置对我有用。

// package.json

"jest": {
  "scriptPreprocessor": "preprocessor.js",
  "unmockedModulePathPatterns": [
    "react"
  ],
  "setupEnvScriptFile": "before_test.js"
}

// preprocessor.js

var ReactTools = require('react-tools');

module.exports = {
    process: function(src) {
        return ReactTools.transform(src);
    }
};

// before_test.js

React = require("react"); // Global React object