Added first Playwright test.

Author: ringostarr80

.github/workflows/playwright.yml

@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npx playwright test
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -8,4 +8,11 @@ vendor/
 .env
 
 sbom.xml
-*-sbom.xml
+*-sbom.xml
+
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+/playwright/.auth/

all_db_export.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 use PhpPgAdmin\Website\AllDbExport;
 
 require_once __DIR__ . DIRECTORY_SEPARATOR . 'autoload.php';

composer.json

@@ -63,12 +63,12 @@
             "@dev:lint:phpcs"
         ],
         "dev:lint:php": "parallel-lint --exclude vendor .",
-        "dev:lint:phpcs": "phpcs -d memory_limit=256M src/ autoload.php all_db.php alter_db.php alter_role.php browser.php create_db.php create_role.php drop_db.php drop_role.php history.php history_clear.php history_delete.php history_download.php index.php intro.php login.php logout.php roles.php server-logout.php servers.php servers-tree.php sqledit.php",
+        "dev:lint:phpcs": "phpcs -d memory_limit=256M src/ autoload.php all_db.php all_db_export.php alter_db.php alter_role.php browser.php create_db.php create_role.php drop_db.php drop_role.php history.php history_clear.php history_delete.php history_download.php index.php intro.php login.php logout.php roles.php server-logout.php servers.php servers-tree.php sqledit.php",
         "dev:test": [
             "@dev:test:acceptance"
         ],
         "dev:test:unit": "php -d register_argc_argv=On vendor/bin/codecept run Unit",
-        "dev:test:acceptance": "codecept run Acceptance",
+        "dev:test:acceptance": "php -d register_argc_argv=On vendor/bin/codecept run Acceptance",
         "dev:test:coverage:ci": "codecept run Unit,Acceptance --coverage --coverage-xml",
         "dev:test:coverage:html": "codecept run Unit,Acceptance --coverage --coverage-html",
         "build-locales": [

composer.lock

@@ -0,0 +1,29 @@
+import { test, expect } from '@playwright/test';
+
+test('Landing Page > Introduction Tab (default)', async ({ page }) => {
+  await page.goto('http://localhost:9876/');
+
+  await expect(page).toHaveTitle(/phpPgAdmin/);
+
+  await expect(page.getAttribute('html', 'lang')).resolves.toBe('en-US');
+
+  const browserIFrame = page.locator('iframe#browser');
+  await expect(browserIFrame).toHaveAttribute('src', 'browser.php');
+  await expect(browserIFrame).toHaveAttribute('name', 'browser');
+
+  const detailIFrame = page.locator('iframe#detail');
+  await expect(detailIFrame).toHaveAttribute('src', 'intro.php');
+  await expect(detailIFrame).toHaveAttribute('name', 'detail');
+
+  const detailContentFrame = detailIFrame.contentFrame();
+
+  await expect(detailContentFrame.locator('table.tabs tr:first-child td:first-child.active span.label')).toHaveText('Introduction');
+
+  const languageOptions = detailContentFrame.locator('select[name="language"] option');
+  await expect(languageOptions).toHaveCount(29);
+  const themeOptions = detailContentFrame.locator('select[name="theme"] option');
+  await expect(themeOptions).toHaveCount(5);
+
+  await expect(detailContentFrame.locator('select[name="language"] option[value="english"]')).toHaveText('English');
+  await expect(detailContentFrame.locator('select[name="language"] option[value="german"]')).toHaveText('Deutsch');
+});

e2e/index.spec.ts

@@ -1,5 +1,8 @@
 {
   "devDependencies": {
+    "@playwright/test": "^1.57.0",
+    "@types/node": "^25.0.8",
     "selenium-standalone": "^10.0.1"
-  }
+  },
+  "scripts": {}
 }

package-lock.json

@@ -5,6 +5,7 @@ parameters:
         - Tests/Architecture/
         - autoload.php
         - all_db.php
+        - all_db_export.php
         - alter_db.php
         - alter_role.php
         - browser.php