test: Migrate Cypress test for the log view (#19108)

Co-authored-by: Claude <noreply@anthropic.com>

packages/testing/playwright/pages/LogsPage.ts

@@ -0,0 +1,92 @@
+import type { Locator, Page } from '@playwright/test';
+
+import { BasePage } from './BasePage';
+
+export class LogsPage extends BasePage {
+	constructor(page: Page) {
+		super(page);
+	}
+
+	/**
+	 * Accessors
+	 */
+
+	getOverviewStatus(): Locator {
+		return this.page.getByTestId('logs-overview-status');
+	}
+
+	getClearExecutionButton(): Locator {
+		return this.page
+			.getByTestId('logs-overview-header')
+			.locator('button')
+			.filter({ hasText: 'Clear execution' });
+	}
+
+	getLogEntries(): Locator {
+		return this.page.getByTestId('logs-overview-body').getByRole('treeitem');
+	}
+
+	getSelectedLogEntry(): Locator {
+		return this.page.getByTestId('logs-overview-body').getByRole('treeitem', { selected: true });
+	}
+
+	getInputPanel(): Locator {
+		return this.page.getByTestId('log-details-input');
+	}
+
+	getInputTableRows(): Locator {
+		return this.getInputPanel().locator('table tr');
+	}
+
+	getInputTbodyCell(row: number, col: number): Locator {
+		return this.getInputPanel().locator('table tbody tr').nth(row).locator('td').nth(col);
+	}
+
+	getNodeErrorMessageHeader(): Locator {
+		return this.getOutputPanel().getByTestId('node-error-message');
+	}
+
+	getOutputPanel(): Locator {
+		return this.page.getByTestId('log-details-output');
+	}
+
+	getOutputTbodyCell(row: number, col: number): Locator {
+		return this.getOutputPanel().locator('table tbody tr').nth(row).locator('td').nth(col);
+	}
+
+	/**
+	 * Actions
+	 */
+
+	async openLogsPanel(): Promise<void> {
+		await this.page.getByTestId('logs-overview-header').click();
+	}
+
+	async clickLogEntryAtRow(rowIndex: number): Promise<void> {
+		await this.getLogEntries().nth(rowIndex).click();
+	}
+
+	async toggleInputPanel(): Promise<void> {
+		await this.page.getByTestId('log-details-header').getByText('Input').click();
+	}
+
+	async clickOpenNdvAtRow(rowIndex: number): Promise<void> {
+		await this.getLogEntries().nth(rowIndex).hover();
+		await this.getLogEntries().nth(rowIndex).getByLabel('Open...').click();
+	}
+
+	async clickTriggerPartialExecutionAtRow(rowIndex: number): Promise<void> {
+		await this.getLogEntries().nth(rowIndex).hover();
+		await this.getLogEntries().nth(rowIndex).getByLabel('Execute step').click();
+	}
+
+	async setInputDisplayMode(mode: 'table' | 'ai' | 'json' | 'schema'): Promise<void> {
+		await this.getInputPanel().hover();
+		await this.getInputPanel().getByTestId(`radio-button-${mode}`).click();
+	}
+
+	async setOutputDisplayMode(mode: 'table' | 'ai' | 'json' | 'schema'): Promise<void> {
+		await this.getOutputPanel().hover();
+		await this.getOutputPanel().getByTestId(`radio-button-${mode}`).click();
+	}
+}