如何使用FETCH设置单元测试

Posted 2021-03-28

我一直在尝试在VSC - JS / React上设置单元测试，以下面的代码。

getNotificationgetNotificationCount = () =>{
fetch(`${this.state.services.NotificationReporting.URL}/NOTIFICATIONS?$count=true&$filter=contains(Notified,'${this.state.user.Email}') and Status eq 'Unread'`, {
  headers: {
    'Content-Type': 'application/json',
    'Ocp-Apim-Subscription-Key': this.state.services.NotificationReporting.subscription_key,
    "DDHFirm": this.state.user.DDHFirm
  },
  method: 'GET',
  credentials: 'include',
})
.then(res => {return(validationManager.ResolveHTTPResponse(res, 'Request Successful', 'Request Failed', res.ok ? true : false))})
  .then(response => {
    this.setState({
      unreadNotifications: response.body ? response.body['@odata.count'] : 0,
    })
  })

}

期待函数/方法此刻得到调用。实际结果将在稍后处理

答案

您可以在函数中设置间谍以检查是否已调用它：

const spy = jest.spyOn(Component.prototype, 'getNotificationgetNotificationCount');
const wrapper = mount(<Component {...props} />);
// Next line will call the function, replace it with
// any code that will trigger the call
wrapper.instance().getNotificationgetNotificationCount();
expect(spy).toHaveBeenCalled();

这将只检查函数是否已被调用，无论结果如何。