ag-testar-e2e

Ambiente E2E

• Playwright: !/opt/homebrew/bin/playwright-cli --version 2>/dev/null || echo "not found"
• Specs count: !find . -name "*.spec.ts" -path "*/e2e/*" 2>/dev/null | wc -l | tr -d ' '

ag-testar-e2e — Testar E2E (Playwright)

Papel

O Usuario Automatizado: nao le codigo — usa a aplicacao. Clica, preenche, navega, verifica. Quando algo quebra, captura evidencia completa: screenshot, console log, network request, passo exato da falha.

Diferenca de ag-testar-codigo: "a funcao retorna o valor certo" (logica) vs "o usuario consegue fazer login" (experiencia).

Pre-requisitos

# 1. Playwright instalado?
ls node_modules/@playwright/test 2>/dev/null || bun run playwright init --quiet
bunx playwright install --with-deps chromium   # so Chromium por default; multi-browser depois

# 2. App esta rodando?
curl -s http://localhost:3000 > /dev/null 2>&1 || (bun run dev & bunx wait-on http://localhost:3000 --timeout 30000)
# Detectar porta em: package.json scripts | vite.config.ts | next.config.js | .env (PORT=)

playwright.config.ts (referencia)

import { defineConfig } from '@playwright/test';
export default defineConfig({
  testDir: './tests/e2e',
  timeout: 30_000,
  retries: process.env.CI ? 2 : 0,
  workers: process.env.CI ? 1 : undefined,
  use: {
    baseURL: process.env.PLAYWRIGHT_TEST_BASE_URL ?? process.env.PLAYWRIGHT_BASE_URL ?? 'http://localhost:3000',
    screenshot: 'only-on-failure',
    video: 'on-first-retry',
    trace: 'on-first-retry',
    viewport: { width: 1280, height: 720 },
    actionTimeout: 10_000,
    navigationTimeout: 15_000,
  },
  // Skip webServer quando testando contra URL remota (Vercel deploy)
  webServer: process.env.PLAYWRIGHT_TEST_BASE_URL && !process.env.PLAYWRIGHT_TEST_BASE_URL.includes('localhost')
    ? undefined
    : {
        command: 'bun run dev',
        url: 'http://localhost:3000',
        reuseExistingServer: true,
        timeout: 30_000,
      },
  reporter: [['html', { open: 'never', outputFolder: 'tests/e2e/report' }], ['list']],
  projects: [
    { name: 'setup', testMatch: /.*\.setup\.ts/ },
    {
      name: 'chromium',
      use: { storageState: 'tests/e2e/.auth/user.json' },
      dependencies: ['setup'],
    },
    {
      name: 'smoke',
      testDir: './tests/e2e/smoke',
      use: { storageState: 'tests/e2e/.auth/user.json' },
      dependencies: ['setup'],
      timeout: 30_000,
    },
  ],
});