React-app'in asenkron kod testi

Burada size, reaksiyon uygulaması asenkron kodunun nasıl test edileceği konusunda rehberlik edeceğim. Temel test senaryolarının nasıl yazılacağı konusunda temel bir fikriniz olduğunu umuyorum, yoksa lütfen buradaki önceki makaleme bir göz atın , bu oldukça basit. Asenkron kod yürütme hakkında bilginiz varsa.
Aşağıda açıklandığı gibi bunu başarmanın birkaç yolu vardır:

1. Söz :
Aşağıdaki örnekte, verilen dizideki belirli kullanıcıyı bulma sözü veren basit bir fonksiyon yaptım.

Yukarıda yazılı söze dayalı işlev için test durumu aşağıdadır:

Karşıs kod terminalinizde “ npm test —söz.spec.js” çalıştırdığınızda beklenen çıktı aşağıdadır :

2. API Uç Noktası :
Burada, açık kaynak/ücretsiz api hizmeti aracılığıyla bazı kullanıcı verilerini almak için basit bir axios api çağrısı yapacağız. Ve aynı konuda test senaryoları yazacak.

aşağıda, yukarıdaki zaman uyumsuz/bekleme tabanlı getirme Kullanıcıları işlevi için test durumları verilmiştir:

Aşağıdaki komutları terminalinizde çalıştırabilirsiniz: “npm test — api.spec.js”

3. Geri Çağırma :
Burada , 2 argüman alan (yani sayı ve geri arama işlevi) basit bir çarpma işlevi yaptık , bu onların tüm görevlerini yaptıktan sonra geri arama işlevini (yani cb) çağıracaktır.

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);
   });
});

bir-iki-üç alkış bırakmak için... 👏👏👏
TEŞEKKÜR EDERİM .