React-Jest 单元测试影响状态的外部模块方法

Question

我正在使用 Jest 开发一个 React 应用程序。

我想测试一个导入的模块组件方法（closemodal）：

<Modal
  visible={this.state.showModal}
  closemodal={() => this.setState({ showModal: false })} // <= this one
  type="slideInDown"
>

我尝试在我的单元测试中窥探这样的 Modal closemodal 方法：

import Modal from "react-animated-modal";

let spyOnCloseModal;

beforeEach(() => {
  spyOnCloseModal = jest.spyOn(Modal, "closemodal");
  wrapper = shallow(<App />);
});

但是当 UT 运行时我得到这个错误： Cannot spy the closemodal property because it is not a function; undefined given instead

Answer 1

尝试传递一个模拟函数。

test("checks closemodel", () => {
  const props = {
    closemodal: jest.fn()
  };
  const wrapper = shallow(<Modal {...props} />);

  // trigger your `closemodal` function here

  expect(props.closemodal).toHaveBeenCalledTimes(1);
});