playwright.config.ts

import type { PlaywrightTestConfig, Project } from "@playwright/test";
import { z } from "zod";

import dotenv from "dotenv";
dotenv.config({ override: true });

let project: Project;
const additionalWebServer: PlaywrightTestConfig["webServer"] = [];
const isElectron = process.env.VITE_TARGET === "electron";
const isBrowser = process.env.VITE_TARGET === "browser";

if (isElectron) {
  project = { name: "electron", testDir: "./tests/e2e/electron" };
} else if (isBrowser) {
  project = { name: "browser", testDir: "./tests/e2e/browser" };

  // エンジンの起動が必要
  const defaultEngineInfosEnv = process.env.VITE_DEFAULT_ENGINE_INFOS ?? "[]";
  const envSchema = z // FIXME: electron起動時のものと共通化したい
    .object({
      host: z.string(),
      executionFilePath: z.string(),
      executionArgs: z.array(z.string()),
      executionEnabled: z.boolean(),
    })
    .passthrough()
    .array();
  const engineInfos = envSchema.parse(JSON.parse(defaultEngineInfosEnv));

  for (const info of engineInfos) {
    if (!info.executionEnabled) {
      continue;
    }

    additionalWebServer.push({
      command: `${info.executionFilePath} ${info.executionArgs.join(" ")}`,
      url: `${info.host}/version`,
      reuseExistingServer: !process.env.CI,
    });
  }
} else {
  throw new Error(`VITE_TARGETの指定が不正です。${process.env.VITE_TARGET}`);
}

/**
 * Read environment variables from file.
 * https://github.com/motdotla/dotenv
 */

/**
 * See https://playwright.dev/docs/test-configuration.
 */
const config: PlaywrightTestConfig = {
  testDir: "./tests/e2e",
  /* Maximum time one test can run for. */
  timeout: 60 * 1000,
  expect: {
    /**
     * Maximum time expect() should wait for the condition to be met.
     * For example in `await expect(locator).toHaveText();`
     */
    timeout: 5 * 1000,
    toHaveScreenshot: {
      maxDiffPixelRatio: 0.001,
    },
  },
  // ファイルシステムが関連してくるので、Electronテストでは並列化しない
  fullyParallel: !isElectron,
  workers: isElectron ? 1 : undefined,
  /* Fail the build on CI if you accidentally left test.only in the source code. */
  forbidOnly: !!process.env.CI,
  reporter: process.env.CI
    ? [["html", { open: "never" }], ["github"]]
    : [["html", { open: "on-failure" }]],
  /* Retry on CI only */
  retries: process.env.CI ? 2 : 0,
  use: {
    /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
    actionTimeout: 0,
    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
    trace: "on-first-retry",
    video: {
      mode: "retain-on-failure",
    },
  },

  /* Configure projects for major browsers */
  projects: [project],

  /* Folder for test artifacts such as screenshots, videos, traces, etc. */
  // outputDir: 'test-results/',

  webServer: [
    {
      command: "vite --mode test --port 7357",
      port: 7357,
      reuseExistingServer: !process.env.CI,
    },
    ...additionalWebServer,
  ],
};

export default config;