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.

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay