Geração validada de testes com Playwright MCP

O que esta skill faz

Esta skill transforma um cenário fornecido em um teste Playwright baseado na interação observada. O código só é criado depois que o fluxo é percorrido passo a passo, e o arquivo deve ser executado e ajustado até passar.

Quando usar

• Gerar um teste E2E para um fluxo informado
• Registrar seletores a partir da aplicação real
• Validar navegação e interações de interface
• Criar um teste TypeScript com @playwright/test

Como usar

1. Forneça um cenário claro com estado inicial e resultado esperado
2. Revise o repositório e identifique o diretório e a configuração de testes
3. Execute cada etapa do cenário usando Playwright MCP
4. Gere e salve o teste TypeScript somente após concluir a navegação
5. Execute o arquivo e corrija-o até que passe

O que revisar antes de instalar

• Sem um cenário fornecido, a skill precisa solicitar essa informação
• Não deve gerar código apenas com base em suposições sobre a interface
• O teste depende de uma aplicação acessível e de dados reproduzíveis
• Um teste aprovado não cobre automaticamente variações do fluxo

SKILL.md

---
name: playwright-generate-test
description: 'Generate a Playwright test based on a scenario using Playwright MCP'
---

# Test Generation with Playwright MCP

Your goal is to generate a Playwright test based on the provided scenario after completing all prescribed steps.

## Specific Instructions

- You are given a scenario, and you need to generate a playwright test for it. If the user does not provide a scenario, you will ask them to provide one.
- DO NOT generate test code prematurely or based solely on the scenario without completing all prescribed steps.
- DO run steps one by one using the tools provided by the Playwright MCP.
- Only after all steps are completed, emit a Playwright TypeScript test that uses `@playwright/test` based on message history
- Save generated test file in the tests directory
- Execute the test file and iterate until the test passes