feat: Add testcontainers and Playwright (no-changelog) (#16662)

Co-authored-by: Tomi Turtiainen <10324676+tomi@users.noreply.github.com>

packages/testing/playwright/pages/WorkflowsPage.ts

@@ -0,0 +1,45 @@
+import { BasePage } from './BasePage';
+import { resolveFromRoot } from '../utils/path-helper';
+
+export class WorkflowsPage extends BasePage {
+	async clickNewWorkflowCard() {
+		await this.clickByTestId('new-workflow-card');
+	}
+
+	async clickAddFirstProjectButton() {
+		await this.clickByTestId('add-first-project-button');
+	}
+
+	async clickAddProjectButton() {
+		await this.clickByTestId('project-plus-button');
+	}
+
+	async clickAddWorklowButton() {
+		await this.clickByTestId('add-resource-workflow');
+	}
+
+	/**
+	 * Import a workflow from a fixture file
+	 * @param fixtureKey - The key of the fixture file to import
+	 * @param workflowName - The name of the workflow to import
+	 * Naming the file causes the workflow to save so we don't need to click save
+	 */
+	async importWorkflow(fixtureKey: string, workflowName: string) {
+		await this.clickByTestId('workflow-menu');
+
+		const [fileChooser] = await Promise.all([
+			this.page.waitForEvent('filechooser'),
+			this.clickByText('Import from File...'),
+		]);
+		await fileChooser.setFiles(resolveFromRoot('workflows', fixtureKey));
+		await this.page.waitForTimeout(250);
+
+		await this.clickByTestId('inline-edit-preview');
+		await this.fillByTestId('inline-edit-input', workflowName);
+		await this.page.getByTestId('inline-edit-input').press('Enter');
+	}
+
+	workflowTags() {
+		return this.page.getByTestId('workflow-tags').locator('.el-tag');
+	}
+}