javascript - componentWillMount 之前的 enzyme 模拟函数

Question

我可以像这样模拟组件的功能(使用 Jest、Enzyme 和 React):

let wrapper = shallow(<Component />);
wrapper.instance().load = jest.fn(function(ref) {
  this.setState({ loading: false, notice: {thing: 'thing'} });
});
wrapper.update();

我的load函数实际上是由componentWillMount调用的。 似乎 componentWillMount 在我重载该函数之前被调用。

那么有没有办法在实际构建组件之前模拟一个函数？

Answer 1

如果您修改组件原型(prototype)，该组件的实例将继承修改后的函数:

Component.prototype.load = jest.fn(function(ref) {
  this.setState({ loading: false, notice: {thing: 'thing'} });
});
let wrapper = shallow(<Component />);