Teste de código assíncrono do React-app

Aqui vou guiá-lo para vocês, como fazer o código assíncrono do teste react-app. Espero que você tenha uma ideia básica sobre como escrever os casos de teste básicos, se não, dê uma olhada no meu artigo anterior aqui , é muito simples. Se vocês estão familiarizados com a execução de código assíncrono.
Existem várias maneiras de conseguir isso, conforme explicado abaixo:

1. Promessa:
No exemplo abaixo, fiz uma função simples que nos retorna a promessa de encontrar o usuário específico no array fornecido.

Abaixo está o caso de teste para a função baseada em promessa escrita acima:

Abaixo está a saída esperada quando você executa “ npm test - promessa.spec.js” em seu terminal de código vs:

2. Terminal de API:
aqui faremos uma chamada de api simples de axios para buscar alguns dados do usuário por meio de um serviço de api de código aberto / gratuito. E escreverá casos de teste sobre o mesmo.

abaixo estão os casos de teste para a função fetchingUsers baseada em assíncrono / espera acima:

Você pode executar os comandos abaixo em seu terminal: “npm test - api.spec.js”

3. CallBack:
Aqui nós fizemos uma função de multiplicação simples, que leva 2 argumentos (ou seja, número e função de callback) , uma vez que isso fará sua tarefa completa, então ele irá chamar a função de callback (ou seja, 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);
   });
});

para deixar uma ou duas palmas, ou três… 👏👏👏
OBRIGADO.