Pengujian kode asinkron dari React-app

Di sini saya akan memandu Anda, bagaimana melakukan tes kode asinkron aplikasi reaksi. Saya berharap Anda memiliki ide dasar tentang cara menulis kasus uji dasar, jika tidak, silakan lihat artikel saya sebelumnya di sini , itu cukup sederhana. Jika kalian sudah familiar tentang eksekusi kode asynchronous.
Ada beberapa cara untuk mencapai ini seperti yang dijelaskan di bawah ini:

1. Promise :
Dalam contoh di bawah ini, saya telah membuat fungsi sederhana yang mengembalikan janji kepada kami untuk menemukan pengguna tertentu dalam array yang diberikan.

Di bawah ini adalah test case untuk fungsi berbasis janji tertulis di atas:

Di bawah ini adalah output yang diharapkan ketika Anda menjalankan " npm test — promise.spec.js" pada terminal kode vs Anda:

2. API Endpoint :
Di sini kita akan membuat panggilan axios api sederhana untuk mengambil beberapa data pengguna melalui open source/layanan api gratis. Dan akan menulis kasus uji hampir sama.

di bawah ini adalah kasus uji untuk fungsi fetchingUsers berbasis async/menunggu di atas:

Anda dapat menjalankan perintah di bawah ini di terminal Anda: “npm test — api.spec.js”

3. CallBack :
Di sini kita telah membuat fungsi perkalian sederhana, yang mengambil 2 argumen (yaitu nomor dan fungsi callback) , setelah ini akan menyelesaikan tugas mereka maka akan memanggil fungsi callback (yaitu cb).

function callbackBasedFunc(number, cb) {
         cb(number * 2);
}

describe("Async Code Test cases::", () => {
   test(“to check multiplication once callback finish:”, (done) => {
        function callback(data) {
                 expect(data).toEqual(4);
                 done();
        }
        callbackBasedFunc(2, callback);
   });
});

meninggalkan dua bertepuk atau, atau tiga ... 👏👏👏
TERIMA KASIH.