Mocking 一個帶有 Jest 的配置模塊

Question

我正在嘗試圍繞使用簡單的配置 object 添加測試。 假設我有：

配置文件

export default {
  foo: "bar",
};

應用程序.ts

import config from "./config";

export default () => {
  return config.foo;
};

應用程序.test.ts

import App from "./app";
import config from "./config";

describe("App", () => {
  beforeEach(() => {
    jest.mock("./config", () => ({ default: { foo: "mock foo" } }));
  });

  it("returns a mocked value of config.foo", () => {
    config.foo = "baz";
    expect(App()).toBe("baz");
  });

  it("returns the default value of config.foo", () => {
    expect(App()).toBe("bar");
  });
});

第二次測試失敗，因為在第一次測試中修改了真實配置，但我希望它失敗，因為 beforeEach 中的模擬已將值設置為“模擬 foo”。 我認為這與配置導出不是 function 有關，所以我不能做類似jest.spyOn...的事情。 但是，如果有一種方法可以模擬 object，它將為我正在處理的項目中節省大量重構！

Answer 1

您可以使用jest.doMock(moduleName, factory, options)模擬每個測試用例的./config模塊。

例如

config.ts ：

export default {
  foo: 'bar',
};

app.ts ：

import config from './config';

export default () => {
  return config.foo;
};

app.test.ts ：

describe('App', () => {
  beforeEach(() => {
    jest.resetModules();
  });
  it('returns a mocked value of config.foo', () => {
    jest.doMock('./config', () => ({ foo: 'baz' }));
    const App = require('./app').default;
    expect(App()).toBe('baz');
  });

  it('returns the default value of config.foo', () => {
    jest.doMock('./config', () => ({ foo: 'bar' }));
    const App = require('./app').default;
    expect(App()).toBe('bar');
  });
});

單元測試結果：

 PASS  src/stackoverflow/65049305/app.test.ts (12s)
  App
    ✓ returns a mocked value of config.foo (8ms)
    ✓ returns the default value of config.foo (1ms)

Test Suites: 1 passed, 1 total
Tests:       2 passed, 2 total
Snapshots:   0 total
Time:        13.288s