使用 jest 进行快照测试时无法模拟库值

Question

我在 React 组件中使用 `detect-browser' 库。我有如下：

export const browser = detect();

内部组件：

browser.name

我正在为此写一个测试（快照），我收到一个错误：

TypeError: 无法读取 null 的属性“名称”

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

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

这应该如何正确模拟？还是我应该换一种方式？

Answer 1

您只是返回错误的浏览器对象。应该是：

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