vitest.shared.mts

import { resolve, dirname } from 'node:path';
import { fileURLToPath } from 'node:url';
import { type UserWorkspaceConfig } from 'vitest/config';
// eslint-disable-next-line import/extensions
import viteConfig from '@base-ui-components/monorepo-tests/vite.shared.config.mjs';

const CURRENT_DIR = dirname(fileURLToPath(import.meta.url));
const WORKSPACE_ROOT = resolve(CURRENT_DIR, './');
const environment = process.env.VITEST_ENV;

type BrowserModeConfig = (UserWorkspaceConfig['test'] & {})['browser'];

const supportedBrowsers = ['chromium', 'webkit', 'firefox'];

function getBrowserConfig(): BrowserModeConfig {
  if (
    !!environment &&
    (supportedBrowsers.includes(environment) || environment === 'all-browsers')
  ) {
    const commonConfig = {
      enabled: true,
      provider: 'playwright',
      screenshotFailures: false,
    };

    if (environment === 'all-browsers') {
      return {
        ...commonConfig,
        headless: true,
        instances: supportedBrowsers.map((browser) => ({ browser })),
      };
    }

    if (supportedBrowsers.includes(environment)) {
      return {
        ...commonConfig,
        headless: true,
        instances: [{ browser: environment }],
      };
    }
  }

  return undefined;
}

const config: UserWorkspaceConfig = {
  test: {
    exclude: ['node_modules', 'build', '**/*.spec.*'],
    globals: true,
    setupFiles: [resolve(WORKSPACE_ROOT, './test/setupVitest.ts')],
    environment: 'jsdom',
    environmentOptions: {
      jsdom: {
        pretendToBeVisual: true,
        url: 'http://localhost',
      },
    },
    browser: getBrowserConfig(),
    env: {
      VITEST: 'true',
    },
    retry: 1,
  },
  resolve: viteConfig.resolve,
};

export default config;