import { defineConfig } from "@playwright/test";
import config from "./argo.config.mjs";

const scale = Math.max(1, Math.round(config.video?.deviceScaleFactor ?? 1));
const width = config.video?.width ?? 1920;
const height = config.video?.height ?? 1080;

export default defineConfig({
  preserveOutput: "always",
  projects: [
    {
      name: "demos",
      testDir: "demos",
      testMatch: "**/*.demo.ts",
      use: {
        browserName: "chromium",
        channel: "chrome",
        baseURL:
          process.env.BASE_URL || config.baseURL || "http://localhost:5173",
        viewport: { width, height },
        deviceScaleFactor: scale,
        launchOptions: config.video?.launchOptions ?? {},
        video: {
          mode: "on",
          size: { width: width * scale, height: height * scale },
        },
      },
    },
  ],
});