veza/tests/e2e/playwright.config.ts

import { defineConfig, devices } from '@playwright/test';

/**
 * Configuration Playwright pour la suite E2E complète de VEZA.
 *
 * Usage :
 *   npm run e2e                          → Chromium seul, parallèle (dev rapide)
 *   npm run e2e:all                      → Tous les navigateurs (pré-commit)
 *   npm run e2e:critical                 → Tests @critical uniquement
 *   PLAYWRIGHT_WORKERS=1 npm run e2e     → Séquentiel (debug rate-limit)
 *
 * Variables d'environnement :
 *   PLAYWRIGHT_BASE_URL   — URL du frontend (défaut: http://localhost:5173)
 *   PORT                  — Port du dev server Vite (défaut: 5173)
 *   PLAYWRIGHT_WORKERS    — Nombre de workers (défaut: 3)
 *   PLAYWRIGHT_ALL        — "1" pour tous les navigateurs (défaut: chromium seul)
 *   CI                    — Active les retries, reporters lourds, tous les browsers
 */

const isCI = !!process.env.CI;
const allBrowsers = isCI || process.env.PLAYWRIGHT_ALL === '1';
const workerCount = process.env.PLAYWRIGHT_WORKERS
  ? parseInt(process.env.PLAYWRIGHT_WORKERS, 10)
  : isCI
    ? 2
    : 4; // 4 workers en local pour éviter ERR_INSUFFICIENT_RESOURCES

export default defineConfig({
  testDir: '.',
  testMatch: '**/*.spec.ts',
  testIgnore: ['**/node_modules/**'],

  /* ── Parallélisme ──────────────────────────────────────────────── */
  fullyParallel: true,
  workers: workerCount,

  /* ── Timeouts ──────────────────────────────────────────────────── */
  timeout: 30_000,         // 30s par défaut (était 60s)
  expect: { timeout: 5_000 }, // 5s pour les assertions (était 10s)

  /* ── CI ────────────────────────────────────────────────────────── */
  forbidOnly: isCI,
  retries: isCI ? 2 : 0,

  /* ── Reporters ─────────────────────────────────────────────────── */
  reporter: isCI
    ? [
        ['list'],
        ['json', { outputFile: './test-results/results.json' }],
        ['html', { outputFolder: './playwright-report', open: 'never' }],
        ['github'],
      ]
    : [
        ['list'],
        ['json', { outputFile: './test-results/results.json' }],
      ],

  /* ── Global setup/teardown ─────────────────────────────────────── */
  globalSetup: process.env.PLAYWRIGHT_SKIP_GLOBAL_SETUP ? undefined : './global-setup.ts',
  globalTeardown: './global-teardown.ts',

  /* ── Options partagées ─────────────────────────────────────────── */
  use: {
    baseURL: process.env.PLAYWRIGHT_BASE_URL || `http://localhost:${process.env.PORT || '5173'}`,

    /* Traces/screenshots/vidéo — désactivés en local pour la perf */
    trace: isCI ? 'on-first-retry' : 'off',
    screenshot: isCI ? 'only-on-failure' : 'off',
    video: isCI ? 'retain-on-failure' : 'off',

    actionTimeout: 8_000,
    navigationTimeout: 12_000,
    locale: 'en-US',

    /* Réutiliser le contexte navigateur entre tests du même fichier */
    launchOptions: {
      args: [
        '--disable-gpu',              // Pas besoin de GPU pour les tests
        '--disable-dev-shm-usage',    // Évite les crashes mémoire partagée
        '--no-sandbox',               // Plus léger
      ],
    },
  },

  projects: [
    /* ── Desktop Chrome — TOUJOURS actif ─────────────────────────── */
    {
      name: 'chromium',
      use: { ...devices['Desktop Chrome'] },
    },

    /* ── Firefox — seulement en CI ou avec PLAYWRIGHT_ALL=1 ──────── */
    ...(allBrowsers
      ? [
          {
            name: 'firefox',
            use: { ...devices['Desktop Firefox'] },
          },
        ]
      : []),

    /* ── Safari — seulement en CI ou avec PLAYWRIGHT_ALL=1 ───────── */
    ...(allBrowsers
      ? [
          {
            name: 'webkit',
            use: { ...devices['Desktop Safari'] },
          },
        ]
      : []),

    /* ── Mobile Chrome — tests @mobile uniquement ────────────────── */
    ...(allBrowsers
      ? [
          {
            name: 'mobile-chrome',
            use: { ...devices['Pixel 5'] },
            grep: /@mobile/,
          },
        ]
      : []),

    /* ── Mobile Safari — tests @mobile uniquement ────────────────── */
    ...(allBrowsers
      ? [
          {
            name: 'mobile-safari',
            use: { ...devices['iPhone 12'] },
            grep: /@mobile/,
          },
        ]
      : []),
  ],

  /* Pas de webServer ici — on assume que le dev server est déjà lancé */
  /* Lancer avec : make dev-frontend (ou cd apps/web && npm run dev) */
});