0

私はReactjsを開発したいと思っています。私はapi(https://jsonplaceholder.typicode.com/users)と呼ばれるアプリケーションを作成しました。この呼び出しのテストも行いました。このAPIを呼び出すことはできませんでした。ReactjsテストAPI呼び出し

私はWebでlitle WebApiプロジェクトを作ったが、このWebApiには、この簡単な構造のjsonを返すエンドポイントがある:{{person:1},{person:2}}。私はpostmanとVisualのブレークポイントを使ってこのエンドポイントをテストし、うまくいきました。

今、このエンドポイントを呼び出すためにReactのテストスイート(私はそれがテストスイートであるかわからない、mpnテスト)を使用したいが、ビジュアルのブレークポイントが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; 
} 

答えて

2

あなたは.NETで開発されたバックエンドのAPIはありませんが、checkPersonList()は、APIのレスポンスを受信したときに、正しく動作するように。

AFAIKは、単体テストのためにAPIを直接呼び出す必要はありませんが、APIの要求と応答を模擬します。

この目的のために、fetch-mockライブラリを使用できます。

関連する問題