Jest setSystemTime 不适用于全局范围

IT技术 reactjs unit-testing jestjs mocking react-testing-library
2021-05-07 17:40:13

我正在尝试测试一个简单的减速器，它的日期属性设置为今天。

const today = new Date();

export const initialState = {
  today
};

console.log(new Date().toDateString()); // <--- real date

export default function globalReducer(state = initialState, action) {
  console.log(new Date().toDateString()); // <--- mocked date
  switch (action.type) {
    default:
      return state;
  }
}

我的基本测试

import globalReducer from "./reducer";

describe("Global reducer", () => {
  beforeAll(() => {
    jest.useFakeTimers("modern");
    jest.setSystemTime(new Date("2021-02-18"));
  });

  afterAll(() => {
    jest.useRealTimers();
  });

  it("should return the mocked date", () => {
    expect(globalReducer(undefined, {}).today).toEqual(new Date('2021-02-18'));
  });
});

我注意到，mock 只在reducer 代码中起作用，但今天在其全局范围内总是返回真实日期而不是模拟日期。

如果我setSystemTime在测试设置文件中调用，则today正确模拟。

我在这里错过了什么吗？仅针对特定测试在全局范围内模拟日期的方法是什么？

如果您想查看https://github.com/dariospadoni/jestFakeTimersMock，这里有一个测试仓库

2个回答

它发生的原因是因为在调用之前Date实例化了。recucer.jssetSystemTime

这是一个如何避免这种情况的示例：

beforeAll(() => {
  jest.setSystemTime(new Date("2021-02-18"));
});

describe("Global reducer", () => {
  let globalReducer;

  beforeAll(() => {
    globalReducer = require("./reducer").default;
  });

  it("should return the mocked date", () => {
    expect(globalReducer(undefined, {}).today).toEqual(new Date("2021-02-18"));
  });
});

在这里，Date一旦reducer.js需要，对象将被实例化，这将是在setSystemTime调用之后

就我而言，它在fakeAsync函数内部不起作用。当我控制台日志时，我一直看到真实的日期。从中删除测试fakeAsync，我可以看到模拟日期。

其它你可能感兴趣的问题
上一篇普通 es6 类和扩展 React.Component 有什么区别 下一篇如何从 Material UI 获取 TextField 的输入值？