reactjs - 用 Jest 进行快照测试时无法模拟库值

Question

我在 React 组件中使用“检测浏览器”库。我有以下内容:

export const browser = detect();

和内部组件:

browser.name

我正在为此(快照)编写测试，但收到一个错误:

TypeError: Cannot read property 'name' of null

我猜这是因为我需要从这个库中存储一个模拟名称。我这样试过，但总是出错

jest.mock('detect-browser', () => () => ({
  detect: () => {browser{name: 'edge'}},
}));

应该如何正确地模拟它？或者我应该以不同的方式来做？

Answer 1

您只是错误地返回了浏览器对象。应该是:

jest.mock('detect-browser', () => ({
  detect: () => ({ browser: { name: 'edge' } }),
}));