ComfyUI_frontend/playwright.i18n.config.ts

import { defineConfig } from '@playwright/test'
import path from 'path'
import { fileURLToPath } from 'url'

const __dirname = path.dirname(fileURLToPath(import.meta.url))

const config: any = defineConfig({
  testDir: './scripts',
  use: {
    baseURL: 'http://localhost:5173'
  },
  reporter: 'list',
  timeout: 60000,
  workers: 1, // Run tests serially to avoid duplicate user creation
  testMatch: /collect-i18n-.*\.ts/,
  // Start dev server before running tests
  webServer: {
    command: 'pnpm dev',
    url: 'http://localhost:5173',
    reuseExistingServer: true,
    timeout: 60000
  }
})

// Configure babel plugins for TypeScript with declare fields and module resolution
config['@playwright/test'] = {
  babelPlugins: [
    // Stub Vue and CSS imports to prevent parsing errors
    [path.join(__dirname, 'scripts/babel-plugin-stub-vue-imports.cjs')],
    // Module resolver to handle @ alias
    [
      'babel-plugin-module-resolver',
      {
        root: ['./'],
        alias: {
          '@': './src'
        }
      }
    ],
    // TypeScript transformation with declare field support
    [
      '@babel/plugin-transform-typescript',
      {
        allowDeclareFields: true,
        onlyRemoveTypeImports: true
      }
    ],
    // Inject browser globals AFTER TypeScript transformation
    [
      path.join(__dirname, 'scripts/babel-plugin-inject-globals.cjs'),
      {
        filenamePattern: 'collect-i18n-',
        setupFile: './setup-browser-globals.mjs'
      }
    ]
  ]
}

export default config