Colmapview.github.io/playwright.config.ts at main · ColmapView/Colmapview.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
import { defineConfig, devices } from '@playwright/test';

const webGpuSpec = /.*webgpu.*\.spec\.ts/;
const webGpuSoftwareSpec = /.*webgpu-(psnr|psnr-app|psnr-isolation|render)\.spec\.ts/;
const webGpuHardwareSpec = /.*webgpu-render\.spec\.ts/;
const webGpuBicycleSpec = /.*webgpu-bicycle\.spec\.ts/;
const defaultLaunchArgs = ['--enable-webgl', '--use-gl=angle', '--ignore-gpu-blocklist'];
const webGpuLaunchArgs = [
  ...defaultLaunchArgs,
  '--enable-unsafe-webgpu',
  '--enable-webgpu-developer-features',
  '--enable-features=Vulkan',
  '--use-vulkan=swiftshader',
];
const webGpuHardwareLaunchArgs = [
  ...defaultLaunchArgs,
  '--enable-unsafe-webgpu',
  '--enable-webgpu-developer-features',
];
const webGpuHardwareBrowserChannel = process.env.COLMAP_WEBVIEW_WEBGPU_CHANNEL || undefined;
const webGpuHardwareUse = webGpuHardwareBrowserChannel
  ? { channel: webGpuHardwareBrowserChannel }
  : {};

/**
 * Playwright E2E test configuration for ColmapView
 * @see https://playwright.dev/docs/test-configuration
 */
export default defineConfig({
  testDir: './e2e',
  timeout: 60_000,
  fullyParallel: true,
  forbidOnly: !!process.env.CI,
  retries: process.env.CI ? 2 : 0,
  workers: process.env.CI ? 1 : undefined,
  reporter: [['html'], ['list']],

  use: {
    baseURL: 'http://localhost:5173',
    trace: 'on-first-retry',
    screenshot: 'only-on-failure',
    video: 'on-first-retry',
    // WebGL requires specific browser flags for headless testing
    launchOptions: {
      args: defaultLaunchArgs,
    },
  },

  projects: [
    {
      name: 'chromium',
      testIgnore: webGpuSpec,
      use: {
        ...devices['Desktop Chrome'],
        viewport: { width: 1280, height: 720 },
      },
    },
    {
      name: 'firefox',
      testIgnore: webGpuSpec,
      use: {
        ...devices['Desktop Firefox'],
        viewport: { width: 1280, height: 720 },
      },
    },
    {
      name: 'chromium-webgpu',
      testMatch: webGpuSoftwareSpec,
      use: {
        ...devices['Desktop Chrome'],
        viewport: { width: 1280, height: 720 },
        launchOptions: {
          args: webGpuLaunchArgs,
        },
      },
    },
    {
      name: 'chromium-webgpu-hardware',
      testMatch: webGpuHardwareSpec,
      use: {
        ...devices['Desktop Chrome'],
        ...webGpuHardwareUse,
        viewport: { width: 1280, height: 720 },
        launchOptions: {
          args: webGpuHardwareLaunchArgs,
        },
      },
    },
    {
      name: 'chromium-webgpu-bicycle',
      testMatch: webGpuBicycleSpec,
      use: {
        ...devices['Desktop Chrome'],
        ...webGpuHardwareUse,
        viewport: { width: 1280, height: 720 },
        launchOptions: {
          args: webGpuHardwareLaunchArgs,
        },
      },
    },
  ],

  // Auto-start dev server before running tests
  webServer: {
    command: 'npm run dev',
    url: 'http://localhost:5173',
    reuseExistingServer: !process.env.CI,
    timeout: 120000,
  },
});