Как создать тестовый сценарий для тестирования с вызовом fetch в ReactionJs с использованием jest и энзима

Question

У меня есть следующий код

getFullName() {

    var urlendPoint = new URL(propertiesInFile.urltoPing)

    var params = {
      firstName: this.state.firstName,
      lastName: this.state.lastName
    }

    urlendPoint.search = new URLSearchParams(params)

    fetch(urlendPoint).then(response => response.json()).then((data) => {
        ...perform some actions...
      }
    })
      .catch(error => {
        alert("Please check the names and try again");
      });
  }

PropertiesInFile - это просто жестко закодированные значения, которые я определил в другом файле js.

В приведенном выше коде я не могу посмеяться над вызовом fetch.Как протестировать эту функцию в реакции так, чтобы я мог получить состояния (имени и фамилии) в функции, покрыть блок catch, а также попробовать имеющийся вызов fetch.

Answer 1

В своем тесте вы можете назначить выборку для фиктивной функции примерно так:

global.fetch = jest.fn().mockImplementation(() => mockFetchPromise);

Более подробную информацию вы можете найти на этом сайте