Функция тестирования Jest / Enzyme / Reactjs, используемая компонентом реагирования

Question

Привет, у меня есть эта функция (apiCall), которая вызывает API внутри компонента и использует данные для обновления состояния (чтобы затем отобразить диаграмму с помощью chartjs). Я хочу специально протестировать процесс внутри componentDidMount, который обновляет состояние без вызова API. После большого количества времени, потраченного на поиски способа насмешки, я все еще не смог понять это. Попытка подтвердить измененное состояние из фиктивной функции apiCall.

это функция apiCall:

const apiCall = (uri) => {
    return fetch(uri)
      .then( (res) => {
         return res
      })
      .catch( (ex) => {
         return 0
      })
 }

 export default apiCall;

// and this is the componentDidMount

componentDidMount() {
      apiCall(this.props.uri)
      .then((result) => result.json())
      .then((result) => {
        this.setState({ data: result });
      })
      this.setState({ legend: this.props.legend })
  }

Answer 1

Используйте функцию proxyquire и фиктивного обещания

Answer 2

Один из вариантов - использовать fetch-mock

http://www.wheresrhys.co.uk/fetch-mock/