reactjs - Jest 测试失败 : TypeError: window. matchMedia 不是函数

Question

这是我第一次前端测试经历。在此项目中，我使用 Jest 快照测试并在我的组件内收到错误 TypeError: window.matchMedia is not a function。

我浏览了 Jest 文档，找到了“手动模拟”部分，但我还不知道如何做到这一点。

Answer 1

Jest 文档现在有一个“官方”解决方法:

Object.defineProperty(window, 'matchMedia', {
  writable: true,
  value: jest.fn().mockImplementation(query => ({
    matches: false,
    media: query,
    onchange: null,
    addListener: jest.fn(), // Deprecated
    removeListener: jest.fn(), // Deprecated
    addEventListener: jest.fn(),
    removeEventListener: jest.fn(),
    dispatchEvent: jest.fn(),
  })),
});

Mocking methods which are not implemented in JSDOM