test: Migrate UI tests from Cypress -> Playwright (no-changelog) (#18201)

packages/testing/playwright/utils/path-helper.ts

@@ -44,5 +44,6 @@ const playwrightRoot = findProjectRoot('playwright.config.ts');
  * @returns An absolute path to the file or directory.
  */
 export function resolveFromRoot(...pathSegments: string[]): string {
+	// eslint-disable-next-line n8n-local-rules/no-argument-spread
 	return path.join(playwrightRoot, ...pathSegments);
 }

packages/testing/playwright/utils/requirements.ts

@@ -0,0 +1,70 @@
+import type { Page, BrowserContext } from '@playwright/test';
+
+import { setContextSettings } from '../config/intercepts';
+import { n8nPage } from '../pages/n8nPage';
+import { ApiHelpers } from '../services/api-helper';
+import { TestError, type TestRequirements } from '../Types';
+
+export async function setupTestRequirements(
+	page: Page,
+	context: BrowserContext,
+	requirements: TestRequirements,
+): Promise<void> {
+	const n8n = new n8nPage(page);
+	const api = new ApiHelpers(context.request);
+
+	// 1. Setup frontend settings override
+	if (requirements.config?.settings) {
+		// Store settings for this context
+		setContextSettings(context, requirements.config.settings);
+	}
+
+	// 2. Setup feature flags
+	if (requirements.config?.features) {
+		for (const [feature, enabled] of Object.entries(requirements.config.features)) {
+			if (enabled) {
+				await api.enableFeature(feature);
+			} else {
+				await api.disableFeature(feature);
+			}
+		}
+	}
+
+	// 3. Setup API intercepts
+	if (requirements.intercepts) {
+		for (const [name, config] of Object.entries(requirements.intercepts)) {
+			await page.route(config.url, async (route) => {
+				await route.fulfill({
+					status: config.status ?? 200,
+					contentType: config.contentType ?? 'application/json',
+					body:
+						typeof config.response === 'string' ? config.response : JSON.stringify(config.response),
+				});
+			});
+		}
+	}
+
+	// 4. Setup workflows
+	if (requirements.workflow) {
+		for (const [name, workflowData] of Object.entries(requirements.workflow)) {
+			try {
+				// Import workflow using the n8n page object
+				await n8n.goHome();
+				await n8n.workflows.clickAddWorkflowButton();
+				await n8n.canvas.importWorkflow(name, workflowData);
+			} catch (error) {
+				throw new TestError(`Failed to create workflow ${name}: ${String(error)}`);
+			}
+		}
+	}
+
+	// 5. Setup browser storage
+	if (requirements.storage) {
+		await context.addInitScript((storage) => {
+			// Set localStorage items
+			for (const [key, value] of Object.entries(storage)) {
+				window.localStorage.setItem(key, value);
+			}
+		}, requirements.storage);
+	}
+}