first implementation

playwright.config.ts

@@ -0,0 +1,58 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Playwright configuration for E2E testing web applications
+ * See https://playwright.dev/docs/test-configuration
+ */
+export default defineConfig({
+	testDir: './tests/e2e',
+	fullyParallel: true,
+	forbidOnly: !!process.env.CI,
+	retries: process.env.CI ? 2 : 0,
+	workers: process.env.CI ? 1 : undefined,
+	reporter: [
+		['html', { outputFolder: 'playwright-report' }],
+		['json', { outputFile: 'playwright-report/results.json' }],
+		['junit', { outputFile: 'playwright-report/results.xml' }],
+	],
+	use: {
+		baseURL: process.env.BASE_URL || 'http://localhost:5173',
+		trace: 'on-first-retry',
+		screenshot: 'only-on-failure',
+		video: 'retain-on-failure',
+	},
+
+	projects: [
+		{
+			name: 'chromium',
+			use: { ...devices['Desktop Chrome'] },
+		},
+		{
+			name: 'firefox',
+			use: { ...devices['Desktop Firefox'] },
+		},
+		{
+			name: 'webkit',
+			use: { ...devices['Desktop Safari'] },
+		},
+		// Mobile viewports
+		{
+			name: 'Mobile Chrome',
+			use: { ...devices['Pixel 5'] },
+		},
+		{
+			name: 'Mobile Safari',
+			use: { ...devices['iPhone 12'] },
+		},
+	],
+
+	// Web server configuration
+	webServer: process.env.CI
+		? undefined
+		: {
+				command: 'pnpm run dev',
+				url: 'http://localhost:5173',
+				reuseExistingServer: !process.env.CI,
+				timeout: 120 * 1000,
+		  },
+});