feat(cms): recover drafts and failed imports with verified UI workflows

playwright.ui.config.ts

@@ -0,0 +1,63 @@
+import { defineConfig } from "@playwright/test";
+
+const port = Number(process.env.UI_TEST_PORT || 3107);
+if (!Number.isInteger(port) || port < 1024 || port > 65535)
+	throw Error("Invalid UI_TEST_PORT");
+const baseURL = `http://127.0.0.1:${port}`;
+export default defineConfig({
+	testDir: "./e2e/ui",
+	testMatch: "**/*.spec.ts",
+	fullyParallel: false,
+	workers: 1,
+	retries: process.env.CI ? 1 : 0,
+	timeout: 45000,
+	expect: {
+		timeout: 10000,
+		toHaveScreenshot: {
+			animations: "disabled",
+			caret: "hide",
+			maxDiffPixelRatio: 0.002,
+		},
+	},
+	snapshotPathTemplate: `{testDir}/__screenshots__/${process.platform}/{projectName}/{testFilePath}/{arg}{ext}`,
+	reporter: [
+		["list"],
+		["html", { outputFolder: "playwright-report/ui", open: "never" }],
+	],
+	outputDir: "test-results/ui",
+	use: {
+		baseURL,
+		locale: "en-US",
+		timezoneId: "UTC",
+		colorScheme: "dark",
+		contextOptions: { reducedMotion: "reduce" },
+		trace: "retain-on-failure",
+		screenshot: "only-on-failure",
+		launchOptions: process.env.UI_TEST_BROWSER_PATH
+			? { executablePath: process.env.UI_TEST_BROWSER_PATH }
+			: {},
+	},
+	projects: [
+		{
+			name: "desktop",
+			use: { browserName: "chromium", viewport: { width: 1280, height: 900 } },
+		},
+		{
+			name: "mobile",
+			use: {
+				browserName: "chromium",
+				viewport: { width: 390, height: 844 },
+				isMobile: true,
+				deviceScaleFactor: 1,
+				hasTouch: true,
+			},
+		},
+	],
+	webServer: {
+		command: "node e2e/ui/fixture-server.mjs",
+		url: `${baseURL}/health`,
+		timeout: 60000,
+		reuseExistingServer: false,
+		env: { UI_TEST_PORT: String(port) },
+	},
+});