开玩笑 ReferenceError：在初始化之前无法访问“”

Question

我收到了错误：

ReferenceError: Cannot access 'myMock' before initialization

尽管我尊重关于吊装的开玩笑文档： A limitation with the factory parameter is that, since calls to jest.mock() are hoisted to the top of the file, it's not possible to first define a variable and then use it in the factory. An exception is made for variables that start with the word 'mock'.

我正在这样做：

import MyClass from './my_class';
import * as anotherClass from './another_class';

const mockMethod1 = jest.fn();
const mockMethod2 = jest.fn();
jest.mock('./my_class', () => {
  return {
    default: {
      staticMethod: jest.fn().mockReturnValue(
        {
          method1: mockMethod1,
          method2: mockMethod2,
        })
    }
  }
});

你可以看到我的两个变量都遵守“标准”，但没有正确提升。

我错过了什么吗？

当我只传递 jest.fn() 而不是我的变量时，它显然有效，但我不确定以后如何在我的测试中使用这些。

Answer 1

以上答案都没有解决我的问题，所以这是我的解决方案：

var mockMyMethod: jest.Mock;

jest.mock('some-package', () => ({
  myMethod: mockMyMethod
}));

在导入之前使用 const 让我感觉很奇怪。问题是：jest.mock 被吊起。为了能够在变量之前使用它，您需要使用var，因为它也被提升了。它不适用于 let 和 const，因为它们不是。

Answer 2

当您需要监视 const 声明时，接受的答案无法处理，因为它是在模块工厂范围内定义的。

对我来说，模块工厂需要高于任何最终导入您想要模拟的东西的导入语句。 这是一个使用 nestjs 和 prisma 库的代码 sn-p。

// app.e2e.spec.ts
import { Test, TestingModule } from '@nestjs/testing';
import { INestApplication } from '@nestjs/common';
import * as request from 'supertest';
import mockPrismaClient from './utils/mockPrismaClient'; // you can assert, spy, etc. on this object in your test suites.

// must define this above the `AppModule` import, otherwise the ReferenceError is raised.
jest.mock('@prisma/client', () => {
  return {
    PrismaClient: jest.fn().mockImplementation(() => mockPrismaClient),
  };
});

import { AppModule } from './../src/app.module'; // somwhere here, the prisma is imported

describe('AppController (e2e)', () => {
  let app: INestApplication;

  beforeEach(async () => {
    const moduleFixture: TestingModule = await Test.createTestingModule({
      imports: [AppModule],
    }).compile();

    app = moduleFixture.createNestApplication();
    await app.init();
  });
)};

Answer 3

文档解决的问题是 jest.mock 被提升但 const 声明没有。这会导致在导入模拟模块时评估工厂函数，并且变量处于临时死区。

如果需要访问嵌套的模拟函数，则需要将它们作为导出对象的一部分公开：

jest.mock('./my_class', () => {
  const mockMethod1 = jest.fn();
  const mockMethod2 = jest.fn();
  return {
    __esModule: true,
    mockMethod1,
    mockMethod2,
    default: {
      ...

这也适用于__mocks__ 中的手动模拟，其中变量只能在模拟中访问。

Answer 4

要澄清Jason Limantoro 所说的内容，请将const 移至模块导入位置上方：

const mockMethod1 = jest.fn(); // Defined here before import.
const mockMethod2 = jest.fn();

import MyClass from './my_class'; // Imported here.
import * as anotherClass from './another_class';

jest.mock('./my_class', () => {
  return {
    default: {
      staticMethod: jest.fn().mockReturnValue(
        {
          method1: mockMethod1,
          method2: mockMethod2,
        })
    }
  }
});