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

packages/testing/playwright/pages/VersionsPage.ts

@@ -0,0 +1,35 @@
+import { BasePage } from './BasePage';
+
+export class VersionsPage extends BasePage {
+	getVersionUpdatesPanelOpenButton() {
+		return this.page.getByTestId('version-update-next-versions-link');
+	}
+
+	getVersionUpdatesPanel() {
+		return this.page.getByTestId('version-updates-panel');
+	}
+
+	getVersionUpdatesPanelCloseButton() {
+		return this.getVersionUpdatesPanel().getByRole('button', { name: 'Close' });
+	}
+
+	getVersionCard() {
+		return this.page.getByTestId('version-card');
+	}
+
+	getWhatsNewMenuItem() {
+		return this.page.getByTestId('menu-item').getByTestId('whats-new');
+	}
+
+	async openWhatsNewMenu() {
+		await this.getWhatsNewMenuItem().click();
+	}
+
+	async openVersionUpdatesPanel() {
+		await this.getVersionUpdatesPanelOpenButton().click();
+	}
+
+	async closeVersionUpdatesPanel() {
+		await this.getVersionUpdatesPanelCloseButton().click();
+	}
+}