playwright.config.ts

/* eslint-disable import/no-extraneous-dependencies */

import { PlaywrightTestConfig, devices } from "@playwright/test";

const { CI, PLAYGROUND_TYPE } = process.env;
const IS_CI = CI === "true";

let testDir = "";
let baseURL = "";

if (PLAYGROUND_TYPE === "dflex-dnd") {
  testDir = "./playgrounds/dflex-dnd-playground/tests/";
  baseURL = "http://localhost:3001";
} else if (PLAYGROUND_TYPE === "next-dnd") {
  testDir = "./playgrounds/dflex-next-playground/tests/";
  baseURL = "http://localhost:3002";
} else if (PLAYGROUND_TYPE === "dflex-draggable") {
  testDir = "./playgrounds/dflex-draggable-playground/tests/";
  baseURL = "http://localhost:3000";
} else {
  throw new Error(
    "Invalid PLAYGROUND_TYPE. Please set PLAYGROUND_TYPE to 'dflex-dnd', 'next-dnd' or 'dflex-draggable'.",
  );
}

// Log CI and PLAYGROUND_TYPE in bold pink
// eslint-disable-next-line no-console
console.log(`\x1b[1m\x1b[95mPLAYGROUND_TYPE: ${PLAYGROUND_TYPE}\x1b[0m`);

const config: PlaywrightTestConfig = {
  forbidOnly: IS_CI,
  retries: IS_CI ? 4 : 1,
  // timeout: 30000,
  use: {
    video: "retain-on-failure",
    navigationTimeout: 30000,
    baseURL,
    viewport: {
      height: 1080,
      width: 1920,
    },
  },
  projects: [
    {
      name: "chromium",
      testDir,
      use: { ...devices["Desktop Chrome"] },
    },
    {
      name: "firefox",
      testDir,
      use: { ...devices["Desktop Firefox"] },
    },
    {
      name: "webkit",
      testDir,
      use: { ...devices["Desktop Safari"] },
    },
  ],
};

export default config;