Test de code asynchrone de React-app

Ici, je vais vous expliquer comment tester le code asynchrone de l'application réactive. J'espère que vous avez une idée de base sur la façon d'écrire les cas de test de base, sinon, jetez un œil à mon article précédent ici , c'est assez simple. Si vous connaissez bien l'exécution de code asynchrone.
Il y a plusieurs façons d'y parvenir comme expliqué ci-dessous :

1. Promesse :
Dans cet exemple ci-dessous, j'ai créé une fonction simple qui nous renvoie la promesse de trouver l'utilisateur spécifique dans le tableau donné.

Vous trouverez ci-dessous le cas de test pour la fonction basée sur la promesse écrite ci-dessus :

Vous trouverez ci-dessous le résultat attendu lorsque vous exécutez « npm test — promise.spec.js » sur votre terminal vs code :

2. Point de terminaison de l'API :
Ici, nous allons effectuer un simple appel axios api pour récupérer des données utilisateur via un service api open source/gratuit. Et écrira des cas de test sur le même.

Vous trouverez ci-dessous les cas de test pour la fonction fetchingUsers basée sur l'async/l'attente ci-dessus :

Vous pouvez exécuter les commandes ci-dessous sur votre terminal : "npm test — api.spec.js"

3. CallBack :
Ici, nous avons créé une fonction de multiplication simple, qui prend 2 arguments (c'est-à-dire le nombre et la fonction de rappel) , une fois que cela aura terminé leur tâche, elle appellera la fonction de rappel (c'est-à-dire 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);
   });
});

de laisser un ou deux applaudissement, ou trois ... 👏👏👏
MERCI.