Prueba de código asincrónico de React-app

Aquí les guiaré a ustedes, chicos, cómo probar el código asíncrono react-app. Espero que tenga una idea básica sobre cómo escribir los casos de prueba básicos, si no, por favor, eche un vistazo a mi artículo anterior aquí , que es bastante simple. Si ustedes están familiarizados con la ejecución de código asincrónico.
Hay varias formas de lograr esto, como se explica a continuación:

1. Promesa:
En el siguiente ejemplo, he creado una función simple que nos devuelve la promesa de encontrar al usuario específico en la matriz dada.

A continuación se muestra el caso de prueba para la función basada en promesa escrita anterior:

A continuación se muestra el resultado esperado cuando ejecuta " npm test - promise.spec.js" en su terminal de código vs:

2. API Endpoint:
Aquí haremos una simple llamada a la API de axios para recuperar algunos datos del usuario a través del servicio de código abierto / api gratuito. Y escribirá casos de prueba sobre lo mismo.

A continuación se muestran los casos de prueba para la función fetchingUsers basada en espera / asincrónica anterior:

Puede ejecutar los siguientes comandos en su terminal: "npm test - api.spec.js"

3. CallBack:
Aquí hemos creado una función de multiplicación simple, que toma 2 argumentos (es decir, el número y la función de devolución de llamada) , una vez que esto haga su tarea completa, llamará a la función de devolución de llamada (es decir, 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);
   });
});

dejar un aplauso o dos, o tres… 👏👏👏
GRACIAS.