将 @testing-library/user-event 更新到 v.14 时出错

Question

我正在按照最新版本的@testing-library/user-event的所有说明进行操作。

前：

  test('request support action',() => {
    render(<SupportSection requestSupport={requestSupport} />);

    const button = screen.getByRole('button');

    userEvent.click(button);

    expect(requestSupport).toHaveBeenCalled();
  });

后：

  test('request support action', async () => {
    const user = userEvent.setup();
    
    render(<SupportSection requestSupport={requestSupport} />);

    const button = screen.getByRole('button');

    await user.click(button);

    expect(requestSupport).toHaveBeenCalled();
  });

requestSupport在较高的 scope const requestSupport = jest.fn();中被嘲笑

我得到的错误是：

类型错误：range.cloneRange 不是 function

我所有的测试在库更新之前都通过了，现在都失败了。

Answer 1

我终于找到了解决方案，错误是由于一些旧的模拟而发生的，需要以前的测试环境。 所有必须做的就是从 jest 配置文件中删除以下内容：

global.document.createRange = () => ({ ... });