@jest/globals breaks jest.mock

[fsworld009]

💥 Regression Report

In my project I am using babel-jest and jest 25.3.0. I have 2 places using jest.mock, one is in setupFiles script (let's call it setup.js):

jest.mock('lodash.debounce', () => func => func);

The other is on top level of one of the test files:

jest.mock('axios', () => {
  const axiosMock = jest.fn();
  axiosMock.CancelToken = {
    source: () => ({ cancel: jest.fn() }),
  };
  return axiosMock;
});

This was working fine until today I added a new npm package (thus updated yarn.lock).

Initially all tests failed at setup.js with this error:

Do not import `@jest/globals` outside of the Jest test environment

After commenting out the jest.mock in setup.js, the test file with mock axios code also failed with the same error. Removing jest.mock will remove this error (but the tests will fail)

Last working version

I was using version 25.3.0, however since this happens, the error won't go away even if I delete yarn.lock, node_modules folder and reinstall everything. I compared yarn.lock changes and noticed that @jest/globals wasn't there before I add new dependency today. It seems that this is introduced at 25.5.0, but since most of the jest packages reference other jest packages with versioning ^25.3.0, @jest/globals will still be installed even if I reinstall jest 25.3.0.

The only workaround I can find out now is to revert jest to 24.9.0

Worked up to version: probably 24.9.0

Stopped working in version: probably all 25 and 26 versions

To Reproduce

Please refer to Regression Report where I described what my test code looks like

Expected behavior

Test codes should run and not throw error.

Link to repl or repo (highly encouraged)

It's a private project so can't provide the full repo, I'll see if I can make a minimal repo later.

Run npx envinfo --preset jest

Paste the results here:

  System:
    OS: Linux 4.15 Ubuntu 18.04.3 LTS (Bionic Beaver)
    CPU: (2) x64 Intel(R) Core(TM) i5-5257U CPU @ 2.70GHz
  Binaries:
    Node: 10.18.1 - ~/.nvm/versions/node/v10.18.1/bin/node
    Yarn: 1.22.0 - ~/.nvm/versions/node/v10.18.1/bin/yarn
    npm: 6.13.4 - ~/.nvm/versions/node/v10.18.1/bin/npm
  npmPackages:
    jest: 24.9.0 => 24.9.0

[yubaoquan]

I'm not sure weither it is a same problem. I am using "babel-jest": "^26.0.1" and "vue-jest": "^3.0.5". The jest version I found in node_modules is 24.9.0.

Every time when there is a jest.mock invoke in test file, the exception will throw:

Cannot find module '@jest/globals' from xxxx

Below is a demo:

import $ajax from 'axios'

jest.mock('axios', () => {
  return {
    __esModule: true,
    default: jest.fn(() => 'mock-ajax'),
  }
})

describe('mock test', () => {
  it('Mock ajax success', () => {
    console.info($ajax)
    expect(1).toEqual(1)
  })
})

Workaround is use babel-jest 21.2.0

[dmitrypapka1]

Spec file starting with:

jest.mock('path/to/some/dependency');

results:

Do not import `@jest/globals` outside of the Jest test environment

Problem is present while using babel-jest version 25.5.1.
Upgrading babel-jest to the latest version (at the moment is 26.0.1) results to the same problem.

Workaround is use babel-jest 21.2.0

This worked for me.
So, unfortunatelly, it looks like I'm forced to use outdated babel-jest version..
Thanks, @yubaoquan!

[majkelch]

I also can confirm that downgrading babel-jest from 26.1.0 to 21.2.0 solves this problem.

[GarfieldZHU]

I suffered same problem on babel-jest: 26.3.0. Version 21.2.0 solves this and I also tried 24.5.0 which also works well.
It seems the problem occurs since 25.x. Any ideas how to upgrade the config to be compatible to new versions.

[albernhagen]

I have the same issues reported above. 24.9.0 is the most recent version of babel-jest that works for me.

[michaeljaltamirano]

I am encountering this specifically going from 25.3.0 to 25.4.0, which is interesting because it would seem like this PR didn't introduce the erroring until later: https://github.com/facebook/jest/pull/9849/files

v25.3.0...v25.4.0

[SimenB]

Can somebody publish a reproduction?

[michaeljaltamirano]

While putting together a Codesandbox link with a repro and shedding code to the bare minimum, I realized the root cause (for my case, at least) was the following node_modules line in my babel.config.js:

module.exports = {
  plugins: [
    [
      'module-resolver',
      {
        root: ['other_irrelevant_info', 'node_modules'],
      },
    ],
  ],
};

Removing this babel-plugin-module-resolver usage resolved the error. I hope this helps others!

[yubaoquan]

Spec file starting with:

jest.mock('path/to/some/dependency');

results:

Do not import `@jest/globals` outside of the Jest test environment

Problem is present while using babel-jest version 25.5.1.
Upgrading babel-jest to the latest version (at the moment is 26.0.1) results to the same problem.

Workaround is use babel-jest 21.2.0

This worked for me.
So, unfortunatelly, it looks like I'm forced to use outdated babel-jest version..
Thanks, @yubaoquan!

I retried another solution from stack overflow: https://stackoverflow.com/a/61797799/5131623
In my project, there is no jest in package.json, however, I found it in node_modules, and its version is different from my babel-jest in node_modules. So I expliticly add jest to package.json and set it to the save version as babel-jest: 26.6.0. Then the error gone away.

One more thing: in my another project, jest@24.9.0 and babel-jest@26.0.1 works well.