DEV Community

Davi Limas
Davi Limas

Posted on

Mocking com Playwright

No desenvolvimento de aplicações, testar a integração com APIs e serviços externos é essencial para garantir que tudo funcione corretamente. No entanto, depender de serviços reais pode tornar os testes lentos e suscetíveis a falhas externas. É aí que entra o mocking. Utilizando o Playwright, podemos simular respostas de APIs, controlando assim o comportamento da aplicação durante os testes. Neste artigo, vamos explorar como criar mocking com Playwright, passo a passo.

O que é Mocking?

Mocking é uma técnica usada para simular respostas de APIs ou serviços externos. Isso permite que você teste sua aplicação em diferentes cenários sem depender de serviços reais, tornando os testes mais rápidos e previsíveis.

Criar Mocking com Playwright

Passo 1: Configuração Inicial
Antes de começarmos, precisamos instalar o Playwright. Se ainda não o fez, instale utilizando o npm:

npm install playwright


Passo 2: Criar um Script Básico
Vamos criar um script básico que abrirá um navegador e uma página:

Image description


Passo 3: Interceptar Requisições
Agora, vamos interceptar as requisições e fornecer respostas mockadas. Para isso, utilizamos o método route do Playwright:

Image description

Neste exemplo, todas as requisições para **/api/data serão interceptadas e uma resposta mockada será fornecida. Isso permite testar como a aplicação lida com esta resposta específica.


Passo 4: Executar o Teste
Com as requisições interceptadas, podemos continuar com a execução dos testes. Por exemplo, acessando uma URL e validando o comportamento da aplicação:

Image description


Exemplo Completo

Vamos juntar tudo em um exemplo completo:

Image description

O mocking com Playwright é uma ferramenta poderosa para testar aplicações de forma eficiente e controlada. Ao simular respostas de APIs, você garante que os testes sejam independentes de serviços externos, mais rápidos e previsíveis. Experimente incorporar o mocking em seus testes e veja como ele pode facilitar o desenvolvimento e a manutenção da sua aplicação.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more