I am using WebPack + React + Jest for my application and I have set resolve.alias = { app: "/path/to/app" } in my configuration file.

In React, I can use this path to do require("app/ponent") and obtain the file at "/path/to/app/ponent.js" correctly.

When running JEST tests this alias is not recognized, neither in the tests, nor for the imported modules. All of this works when running the app but not the tests with jest-cli.

I am using WebPack + React + Jest for my application and I have set resolve.alias = { app: "/path/to/app" } in my configuration file.

In React, I can use this path to do require("app/ponent") and obtain the file at "/path/to/app/ponent.js" correctly.

When running JEST tests this alias is not recognized, neither in the tests, nor for the imported modules. All of this works when running the app but not the tests with jest-cli.

• javascript
• unit-testing
• reactjs
• webpack
• jestjs

3 Answers 3

jest-cli lives in a world separate from Webpack so it cannot work that way.

Use babel-plugin-module-resolver to handle aliasing.

Jestpack might help as it will allow you to run your tests after they've been built with Webpack.

I use mocha to test react, but I think it also work for jest.

You should use 2 package: mock-require and proxyquire.

Assuming you have a js file like this:

app.js

import action1 from 'actions/youractions';   

export function foo() { console.log(action1()) }; 

And your test code should write like this:

app.test.js

import proxyquire from 'proxyquire';
import mockrequire from 'mock-require';

before(() => {
  // mock the alias path, point to the actual path
  mockrequire('actions/youractions', 'your/actual/action/path/from/your/test/file');
  // or mock with a function
  mockrequire('actions/youractions', {actionMethod: () => {...}));

let app;
beforeEach(() => {
  app = proxyquire('./app', {});
});

//test code
describe('xxx', () => {
  it('xxxx', () => {
    ...
  });
});

files tree

app.js
  |- test
    |- app.test.js

First mock the alias path by mock-require in before function, and mock your test object by proxyquire in beforeEach function.