检查是否在 JEST 中调用了 window.location.reload

Question

const ErrorSnackbar = () => {     const handelePrimaryBtnClick = () => { window.location.reload() }     return ( <div className = 'sample_class' onClick={handelePrimaryBtnClick}> Sample Code </div> )}开玩笑地说，当我单击 div 时，如何检查是否调用了 window.location.reload()。

Answer 1

您可以窥探该reload方法并模拟单击div，例如：

it("should reload the page", () => {

  jest.spyOn(window.location, 'reload');

  const component = mount(ErrorSnackbar());

  component.find('.sample_class').simulate('click');

  expect(window.location.reload).toHaveBeenCalled();

});