Playwright 設定の詳細

// ファイルパス: playwright.config.ts
import { defineConfig, devices } from '@playwright/test';

export default defineConfig({
  // ===== 基本設定 =====
  testDir: './tests',
  fullyParallel: true,
  forbidOnly: !!process.env.CI,
  retries: process.env.CI ? 2 : 0,
  workers: process.env.CI ? 1 : undefined,
  reporter: 'html',
  timeout: 30000,

  // ===== グローバル共通設定 =====
  use: {
    baseURL: 'http://localhost:3000',
    trace: 'on-first-retry',
    screenshot: 'only-on-failure',
    video: 'retain-on-failure',
  },

  // ===== マルチブラウザープロジェクト =====
  projects: [
    { name: 'chromium', use: { ...devices['Desktop Chrome'] } },
    { name: 'firefox',  use: { ...devices['Desktop Firefox'] } },
    { name: 'webkit',   use: { ...devices['Desktop Safari'] } },
  ],

  // ===== Web サーバー =====
  webServer: {
    command: 'npm run start',
    url: 'http://localhost:3000',
    reuseExistingServer: !process.env.CI,
  },
});

export default defineConfig({
  // e2e ディレクトリ内でテストを探す
  testDir: './e2e',

  // すべてのテストを完全並列実行
  fullyParallel: true,

  // ワーカー数を自動割り当て
  workers: undefined,

  // 失敗時は再試行なし（ローカル）/ 2回再試行（CI）
  retries: process.env.CI ? 2 : 0,

  // コマンドラインとHTMLレポートを併用
  reporter: [
    ['list'],
    ['html', { open: 'never' }],
  ],
});

export default defineConfig({
  webServer: {
    // 起動コマンド
    command: 'npm run dev',

    // このURLにアクセス可能になるのを待ってからテストを実行
    url: 'http://localhost:5173',

    // 待機タイムアウト時間（ミリ秒）
    timeout: 120000,

    // 実行中のサーバーを再利用するかどうか（ローカルでは再利用可、CIでは再起動）
    reuseExistingServer: !process.env.CI,
  },
});

export default defineConfig({
  globalSetup: './global-setup.ts',
  globalTeardown: './global-teardown.ts',
});

// ファイルパス: global-setup.ts
import { FullConfig } from '@playwright/test';

async function globalSetup(config: FullConfig) {
  // すべてのテスト実行前に実行
  console.log('グローバル設定を開始...');
  // 例：テスト用データベースの初期化、テストユーザーの作成など
}

export default globalSetup;