feat(editor): NDV in focus panel experiment feedback (no-changelog) (#19304)

packages/testing/playwright/pages/CanvasPage.ts

@@ -5,12 +5,14 @@ import { BasePage } from './BasePage';
 import { ROUTES } from '../config/constants';
 import { resolveFromRoot } from '../utils/path-helper';
 import { CredentialModal } from './components/CredentialModal';
+import { FocusPanel } from './components/FocusPanel';
 import { LogsPanel } from './components/LogsPanel';
 import { StickyComponent } from './components/StickyComponent';
 
 export class CanvasPage extends BasePage {
 	readonly sticky = new StickyComponent(this.page);
 	readonly logsPanel = new LogsPanel(this.page.getByTestId('logs-panel'));
+	readonly focusPanel = new FocusPanel(this.page.getByTestId('focus-panel'));
 	readonly credentialModal = new CredentialModal(this.page.getByTestId('editCredential-modal'));
 
 	saveWorkflowButton(): Locator {

packages/testing/playwright/pages/components/FocusPanel.ts

@@ -0,0 +1,24 @@
+import type { Locator } from '@playwright/test';
+
+export class FocusPanel {
+	constructor(private root: Locator) {}
+
+	/**
+	 * Accessors
+	 */
+
+	getHeader(): Locator {
+		return this.root.locator('header');
+	}
+
+	getParameterInputField(path: string): Locator {
+		return this.root.locator(
+			`[data-test-id="parameter-input-field"][title="Parameter: \\"${path}\\""]`,
+		);
+	}
+
+	getMapper(): Locator {
+		// find from the entire page because the mapper is rendered as portal
+		return this.root.page().getByRole('tooltip').getByTestId('ndv-input-panel');
+	}
+}