generate

Gerar Testes Playwright

Gere testes Playwright prontos para produção a partir de uma história de usuário, URL, nome de componente ou descrição de funcionalidade.

Entrada

$ARGUMENTS contém o que testar. Exemplos:

• "user can log in with email and password"
• "the checkout flow"
• "src/components/UserProfile.tsx"
• "the search page with filters"

Passos

1. Entender a Meta

Analisar $ARGUMENTS para determinar:

• História de usuário: Extrair o comportamento a verificar
• Caminho do componente: Ler o código-fonte do componente
• Página/URL: Identificar a rota e seus elementos
• Nome da funcionalidade: Mapear para áreas relevantes da aplicação

2. Explorar o Codebase

Use o subagente Explore para coletar contexto:

• Ler playwright.config.ts para testDir, baseURL, projects
• Verificar testes existentes em testDir para padrões, fixtures e convenções
• Se um caminho de componente for fornecido, ler o componente para entender seus props, estados e interações
• Verificar por page objects existentes em pages/
• Verificar por fixtures existentes em fixtures/
• Verificar por configuração de auth (auth.setup.ts ou config storageState)

3. Selecionar Templates

Verificar templates/ neste plugin para padrões correspondentes:

Se testando...	Carregar template de
Fluxo de login/auth	templates/auth/login.md
Operações CRUD	templates/crud/
Checkout/pagamento	templates/checkout/
UI de pesquisa/filtro	templates/search/
Envio de formulário	templates/forms/
Dashboard/dados	templates/dashboard/
Página de configurações	templates/settings/
Fluxo de integração	templates/onboarding/
Endpoints de API	templates/api/
Acessibilidade	templates/accessibility/

Adaptar o template à aplicação específica — substituir {{placeholders}} por seletores, URLs e dados reais.

4. Gerar o Teste

Seguir estas regras:

Estrutura:

import { test, expect } from '@playwright/test';
// Importar fixtures personalizados se o projeto os usar

test.describe('Feature Name', () => {
  // Agrupar comportamentos relacionados

  test('should <expected behavior>', async ({ page }) => {
    // Arranjar: navegar, configurar estado
    // Agir: executar ação do usuário
    // Asserir: verificar resultado
  });
});