Essas duas palavras reservadas (async e await) são essenciais para construir testes automatizados com o Playwright.

Mas afinal, o que significa assíncrono?

Vamos lá, síncrono é quando um programa ou instrução executa a segunda linha somente após a primeira ser concluída com sucesso. Resumindo, são execuções sequenciais, como um passo de cada vez, na linguagem do QA, step by step.

Já assíncrono é quando a segunda linha pode ser executada antes mesmo da primeira ter terminado. E no Javascript, as instruções são assíncronas, e para resolver a promessa, usamos o await. E quando usamos o await, é importante marcar a função com async => ().

E o que é uma promessa?

Uma promessa é um objeto retornado por uma função assíncrona, que representa o estado atual da operação.

E é aí que entra o async/await para resolver essa questão!

A expressão await faz com que a execução da função assíncrona seja pausada até que uma Promessa seja resolvida (ou rejeitada), e retoma a execução da função assíncrona após o cumprimento, ou seja, a segunda linha de código espera até que a primeira linha seja executada completamente.

Existem frameworks de testes que resolvem isso de forma transparente (Cypress, CodeceptJS e outros) e você acaba nem percebendo esse comportamento padrão no Javascript ou Typescript.

No Playwright, é importante entender como as promessas funcionam e o async/await são fundamentais para a construção dos testes. Eu particularmente acho ótimo porque aprendemos mais sobre a linguagem e como ela realmente funciona.

Outro ponto importante é que no Playwright, devemos usar o await apenas quando estamos realizando alguma ação. Veja o exemplo abaixo:

E é assim que o teste automatizado com o Playwright funciona!

Espero que você tenha curtido este artigo! Deixe sua opinião e compartilhe com seus amigos e amigas QAs!

Abração!

Papito