Reactjs Test api call

Question

Я хочу разработать usign Reactjs, я создал приложение, где я называю api (https://jsonplaceholder.typicode.com/users), также я сделал тест для этого вызова, и я не мог назвать это api.

Я создал проект litle WebApi в .Net, этот WebApi имеет конечную точку, которая возвращает мне json с этой простой структурой: {{person:1},{person:2}}. Я тестировал эту конечную точку, используя postman и точку останова в Visual, и это сработало.

Теперь я хочу использовать набор тестов React (я не знаю, является ли это тестовым набором, тест mpn), чтобы вызвать эту конечную точку, но тест не вызывает конечную точку, поскольку точка останова в visual doesn 't активно, я не знаю если испытание Reactjs может вызвать Apis.

это те файлы:

--PersonHelpers.test.js-- 

import {checkPersonList} from './RobotHelpers'; 

test('Check person in list',() => { 

    var result = false; 
    result = checkPersonList(); 

    expect(result).toEqual(true); 
}); 

--PersonHelpers.js-- 

export const checkPersonList =() => { 
    var persontList = null; 

    setTimeout(() => { 
     fetch('http://localhost:23620/api/Values') 
     .then(response => response.json()) 
     .then(data => { 
      persontList = data; 
     }); 
    },1000); 

    console.log("list",persontList); 
    if (persontList === null) 
     console.log("is null") 

    if((persontList != null) && (persontList.lenght > 0)) 
     return true; 
    else 
     return false; 
} 

Answer 1

Что вы хотите проверить здесь не бэкенд API вы разработали в .NET, но checkPersonList() правильно вести себя при получении ответов API.

AFAIK, для модульного тестирования вам не нужно напрямую обращаться к API, но макетировать запросы и ответы API.

С этой целью вы можете использовать библиотеку fetch-mock.