import * as os from 'os';
import type { ViteUserConfig } from 'vitest/config';
import { defineConfig, mergeConfig } from 'vitest/config';
import { playwright } from '@vitest/browser-playwright';
import baseConfig from '../../vitest.config';

export default defineConfig(
  mergeConfig(baseConfig, {
    test: {
      name: 'visual',
      globals: true,
      setupFiles: ['./__util__/setup.ts', './__matchers__/expect.ts', './__matchers__/expect.visual.ts'],
      include: ['./vitest/**/*spec.ts'],
      testNamePattern: /@visual/,
      // this will give each test their own environment. disabling this
      // ended up breaking WebGL contexts in some cases
      isolate: true,
      sequence: {
        groupOrder: 1
      },
      browser: {
        enabled: true,
        provider: playwright(),
        fileWriting: true, // Enable file writing for screenshot attachments

        // Run in windowed mode with Xvfb - fixes rendering issues in CI
        // Xvfb provides the display, so we don't need headless mode
        headless: false,

        instances: [
          {
            browser: 'chromium',
            provide: {
              browser: 'chromium',
              platform: os.platform()
            },
            launch: {
              channel: 'chromium',
              // we pass in a whole bunch of args to try and make rendering as consistent as possible across
              // operating systems.
              ignoreDefaultArgs: ['--disable-render-backgrounding', '--disable-remote-fonts', '--font-render-hinting'],
              args: [
                '--no-default-browser-check',
                '--no-first-run',
                '--disable-default-apps',
                '--disable-popup-blocking',
                '--disable-translate',
                '--disable-background-timer-throttling',
                // --disable-gpu removed: Xvfb provides virtual display, GPU acceleration works
                '--disable-dev-shm-usage',

                // on macOS, disable-background-timer-throttling is not enough
                // and we need disable-renderer-backgrounding too
                // see https://github.com/karma-runner/karma-chrome-launcher/issues/123
                '--disable-renderer-backgrounding',
                '--disable-device-discovery-notifications',

                '--autoplay-policy=no-user-gesture-required',
                '--mute-audio',
                '--no-sandbox',
                '--enable-precise-memory-info',
                '--js-flags="--max_old_space_size=8192" --expose-gc',

                // Additional flags for better rendering in CI
                '--force-device-scale-factor=1',
                '--window-size=1920,1080',
                '--use-gl=swiftshader'
              ].filter(Boolean)
            }
          }
        ]
      }
    }
  } satisfies ViteUserConfig)
);