test: Migrate 3 specs from Cypress - Playwright (#19269)

packages/testing/playwright/pages/CommunityNodesPage.ts

@@ -0,0 +1,121 @@
+import type { Locator } from '@playwright/test';
+
+import { BasePage } from './BasePage';
+
+export class CommunityNodesPage extends BasePage {
+	// Element getters
+	getCommunityCards(): Locator {
+		return this.page.getByTestId('community-package-card');
+	}
+
+	getActionBox(): Locator {
+		return this.page.getByTestId('action-box');
+	}
+
+	getInstallButton(): Locator {
+		// Try action box first (empty state), fallback to header install button
+		const actionBoxButton = this.getActionBox().locator('button');
+		const headerInstallButton = this.page.getByRole('button', { name: 'Install' });
+
+		return actionBoxButton.or(headerInstallButton);
+	}
+
+	getInstallModal(): Locator {
+		return this.page.getByTestId('communityPackageInstall-modal');
+	}
+
+	getConfirmModal(): Locator {
+		return this.page.getByTestId('communityPackageManageConfirm-modal');
+	}
+
+	getPackageNameInput(): Locator {
+		return this.getInstallModal().locator('input').first();
+	}
+
+	getUserAgreementCheckbox(): Locator {
+		return this.page.getByTestId('user-agreement-checkbox');
+	}
+
+	getInstallPackageButton(): Locator {
+		return this.page.getByTestId('install-community-package-button');
+	}
+
+	getActionToggle(): Locator {
+		return this.page.getByTestId('action-toggle');
+	}
+
+	getUninstallAction(): Locator {
+		return this.page.getByTestId('action-uninstall');
+	}
+
+	getUpdateButton(): Locator {
+		return this.getCommunityCards().first().locator('button');
+	}
+
+	getConfirmUpdateButton(): Locator {
+		return this.getConfirmModal().getByRole('button', { name: 'Confirm update' });
+	}
+
+	getConfirmUninstallButton(): Locator {
+		return this.getConfirmModal().getByRole('button', { name: 'Confirm uninstall' });
+	}
+
+	// Simple actions
+	async clickInstallButton(): Promise<void> {
+		await this.getInstallButton().click();
+	}
+
+	async fillPackageName(packageName: string): Promise<void> {
+		await this.getPackageNameInput().fill(packageName);
+	}
+
+	async clickUserAgreementCheckbox(): Promise<void> {
+		await this.getUserAgreementCheckbox().click();
+	}
+
+	async clickInstallPackageButton(): Promise<void> {
+		await this.getInstallPackageButton().click();
+	}
+
+	async clickActionToggle(): Promise<void> {
+		await this.getActionToggle().click();
+	}
+
+	async clickUninstallAction(): Promise<void> {
+		await this.getUninstallAction().click();
+	}
+
+	async clickUpdateButton(): Promise<void> {
+		await this.getUpdateButton().click();
+	}
+
+	async clickConfirmUpdate(): Promise<void> {
+		await this.getConfirmUpdateButton().click();
+	}
+
+	async clickConfirmUninstall(): Promise<void> {
+		await this.getConfirmUninstallButton().click();
+	}
+
+	// Helper methods for common workflows
+	async installPackage(packageName: string): Promise<void> {
+		await this.clickInstallButton();
+		await this.fillPackageName(packageName);
+		await this.clickUserAgreementCheckbox();
+		await this.clickInstallPackageButton();
+
+		// Wait for install modal to close
+		await this.getInstallModal().waitFor({ state: 'hidden' });
+	}
+
+	async updatePackage(): Promise<void> {
+		await this.clickUpdateButton();
+		await this.clickConfirmUpdate();
+	}
+
+	async uninstallPackage(): Promise<void> {
+		await this.clickActionToggle();
+		await this.clickUninstallAction();
+		await this.clickConfirmUninstall();
+	}
+}