unit-testing - 如何使用玩笑和 enzyme 来监视componentWillMount

我正在尝试测试是否调用了componentWillMount，为此我的测试是

test('calls `componentWillMount` before rendering', () => {
  let fn = jest.fn(SomeComponent.prototype.componentWillMount)
  mount(<SomeComponent />)
  expect(fn).toHaveBeenCalled()
})

但是即使调用componentWillMount方法，测试也不会通过。
我在这里想念什么？

最佳答案

我不知道其他答案是否对您的问题有所帮助，但是您不需要测试componentWillMount。 React应该已经为您完成了该测试。

与您的测试更相关的是测试您要在组件中使用该方法的功能或 Action 。

如果您要进行一些API调用，运行基于prop或其他任何函数的函数，那么这就是您应该测试的内容。模拟componentWillMount触发的功能/ Action /代码，并对此进行断言和期望。

例子:

成分:

class YourComponent extends Component {

  componentWillMount() {
    /*this fetch function is actually what you want to test*/
    this.props.fetch('data')
  }

  render() {
    /* whatever your component renders*/
  }
}

测试:

test('should call fetch when mounted', () => {
  let mockFetch = jest.fn()

  const wrapper = mount(<SomeComponent fetch={mockFetch}/>);

  expect(wrapper).toBeDefined();
  expect(mockFetch).toHaveBeenCalled();
  expect(mockFetch.mock.calls[0]).toEqual(['data'])
});