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

Question

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

当我安装我的组件时；

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

我收到一个错误；

document.body.createTextRange is not a function

我试过直接通过设置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()}