reactjs - 在 React-testing-library 中模拟 window.close()

Question

我在网上搜索过，但没有找到模拟 window.close() 的方法在 React 测试库中甚至开 Jest 。

const handleClose = () => {
window.opener.location.reload()
window.close()
}

<Button
  data-test-id="close"
  onClick={handleClose}
/>

如何实现 onclick 的测试用例覆盖率按钮和window.close()和 window.opener.location.reload()被覆盖

我的测试用例如下:

const wrapper = render( <CloseButton />);
const windowSpy = jest.spyOn(global, 'window', 'get');

const { queryByTestId } = wrapper;
fireEvent.click(queryByTestId('close');
expect(windowSpy.opener.location.relaod).toHaveBeenCalled(); 
expect(windowSpy.close).toHaveBeenCalled(); 

最后一行代码

expect(windowSpy.close).toHaveBeenCalled();

我收到一条错误消息

received value must be a mock or spy function. received has valueundefined

为了

expect(windowSpy.opener.location.relaod).toHaveBeenCalled();

它说:

windowSpy.opener is not defined.

Answer 1

你只是在模拟窗口，但你没有提供任何实现。

这应该有帮助:

windowSpy.mockImplementation(() => ({
  close: jest.fn(),
  opener: {
      location: {
          reload: jest.fn(),
      }
  }
}));