Jest - TypeError: неудачный сетевой запрос для извлечения

Question

Я использую Jest для тестирования API REST, и я получаю TypeError: запрос сетевых запросов с ошибкой всякий раз, когда я выдаю запрос на выборку. Все вызовы API REST работают над приложением и терпят неудачу исключительно на моих тестах Jest.

Есть ли какая-либо известная несовместимость между fetch и Jest? Например, этот простой тест заканчивает выполнение крылатого заявления:

it('should find a result via fetch',() => { 
    fetch('http://www.google.com').then(() => console.log('Success')).catch((err) => console.log('Error!!!!' + err)); 
}); 

В результате получил: Ошибка !!!! TypeError: Запрос сети не удался

Answer 1

Ok Я получил эту работу с помощью асинхр ждет, но я до сих пор не понимаю, почему он не работает без асинхронного блок- Так прямо сейчас мой тест работает с этим кодом:

it('should find a result via REST', async() => { 
     const data = await CqApi.personSearch('XYZ'); 

     expect(....).toBeDefined(); 
    }); 

Answer 2

Вы должны вернуть Promise что fetch возвращается:

it('should find a result via fetch',() => { 
    return fetch('http://www.google.com') 
     .then(() => console.log('Success')) 
     .catch((err) => console.log('Error!!!!' + err)); 
}); 

Вы можете прочитать в JEST документов о асинхронном тестировании здесь: https://facebook.github.io/jest/docs/tutorial-async.html

Кроме того, использование шутки в create-react-app будет использовать WHATWG-выборку polyfill через jsdom. Вы можете принудительно использовать isomorphic-fetch, импортируя его непосредственно:

import fetch from 'isomorphic-fetch';