test: use a page object model paradigm

.devcontainer/cpp/e2e/playwright.config.ts

@@ -12,12 +12,11 @@ export default defineConfig({
   retries: process.env.CI ? 2 : 0,
   workers: 1,
   reporter: 'list',
-  timeout: 2 * 60 * 1000,
+  timeout: 3 * 60 * 1000,
   expect: {
     timeout: 30 * 1000
   },
   use: {
-    baseURL: 'https://' + process.env.CODESPACE_NAME + '.github.dev',
     trace: 'on-first-retry'
   },
   projects: [

.devcontainer/cpp/e2e/tests/codespace.pom.ts

@@ -0,0 +1,30 @@
+import { expect, type Locator, type Page } from '@playwright/test';
+
+export class CodespacePage {
+  readonly page: Page;
+
+  constructor(page: Page) {
+    this.page = page;
+  }
+
+  async goto() {
+    await this.page.goto('https://' + process.env.CODESPACE_NAME + '.github.dev');
+  }
+
+  async arePluginsActive(plugins: string[]) {
+    for (const plugin of plugins) {
+      await expect(this.page.getByRole('tab', { name: plugin })).toBeVisible();
+    }
+  }
+
+  async executeInTerminal(commands: string | string[]) {
+    let commandsWithExit = Array.isArray(commands) ? [...commands + 'exit'] : [commands, 'exit'];
+
+    await this.page.keyboard.press('Control+Shift+`');
+
+    for (const command of commandsWithExit) {
+      await this.page.keyboard.type(command);
+      await this.page.keyboard.press('Enter');
+    }
+  }
+}

.devcontainer/cpp/e2e/tests/smoke.spec.ts

@@ -1,8 +1,14 @@
 import { test, expect } from '@playwright/test';
+import { CodespacePage } from './codespace.pom';
+
+test.beforeEach(async ({ page }) => {
+  const codespace = new CodespacePage(page);
+  await codespace.goto();
+  await codespace.arePluginsActive(['Testing', 'SonarLint', 'CMake', 'Live Share', 'GitHub Pull Requests']);
+  await codespace.executeInTerminal('git clean -fdx');
+});
 
 test('build project', async ({ page }) => {
-  await page.goto('/');
-  await expect(page.getByLabel('host, Build for host')).toBeVisible();
   await page.getByRole('button', { name: 'Build the selected target' }).click();
   await page.getByLabel('host, Build for host').locator('a').click();
   await expect(page.getByText('[build] Build finished with')).toBeVisible();