Jest/React - How to use global object in unit tests?

Question

I use CommonJS modules with require() except React, which is global:

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

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

When running a unit test on MyComponent, Jest can't find React. Is there a way to tell Jest to insert a global React object? (I use npm and gulp-browserify.)

Csati · Accepted Answer · 2015-05-14 10:48:52Z

8

Works for me with the following settings.

// 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

answered May 14, 2015 at 10:48

Csati

1,2711 gold badge15 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Matt Gibson Over a year ago

I found that I had to clear the haste cache to get this to work. rm -rf node_modules/.haste_cache

Lamari Alaa Over a year ago

The setupEnvScriptFile configuration option has been deprecated for a while. Jest 15 removes it completely and replaces it with setupFiles. This option expects an array of file paths that are loaded in order before a test file is executed. facebook.github.io/jest/blog/2016/09/01/…

Collectives™ on Stack Overflow

Jest/React - How to use global object in unit tests?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related