Jest/Enzyme/JSDOM document.body.createTextRange 不是函数

Question

我正在尝试测试一个 React 组件，但我似乎遇到了 JSDOM 问题。

当我挂载我的组件时；

const component = mount(
   <PipelineActions pipelineActions={value} {...actions} />
);

我收到一个错误；

document.body.createTextRange 不是函数

我尝试通过直接设置dom；

(global as any).document = jsdom.jsdom('');
(global as any).window = document.defaultView;

没有效果。当我尝试console.log(document.body) 时，我也得到了一些奇怪的东西；

HTMLBodyElement {}

似乎 DOM 没有正确构建，但我不确定为什么。有人见过这个吗？

Answer 1

您可以在 global 对象上设置和模拟内容：

global.body = {createTextRange: jest.fn()}