Add Playwright e2e smoke tests and CI workflow

Introduce a GitHub Actions test matrix (fast and full gates) to run CI test groups. Add a Playwright-based browser smoke test (test/e2e/ui-smoke.test.js) that launches the app and verifies basic UI flows. Update README with local instructions for running e2e (install browsers) and the ci:fast/ci:full command groups.

Author: cubap

.github/workflows/tests.yaml

@@ -0,0 +1,53 @@
+name: TinyNode Test Matrix
+
+on:
+  pull_request:
+    branches:
+      - main
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  fast:
+    name: Fast Test Gate
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run fast suites
+        run: npm run ci:fast
+
+  full:
+    name: Full Test Gate
+    needs: fast
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Install Playwright browser
+        run: npm run e2e:install
+
+      - name: Run full suite and coverage
+        run: npm run ci:full

README.md

@@ -48,6 +48,18 @@ npm run existsTests
 npm run functionalTests
 ```
 
+Run browser smoke tests (optional for local development):
+```shell
+npm run e2e:install
+npm run E2Etests
+```
+
+Run the CI-equivalent command groups locally:
+```shell
+npm run ci:fast
+npm run ci:full
+```
+
 And start the app
 ```shell
 npm start

package-lock.json

@@ -0,0 +1,60 @@
+import "../helpers/env.js"
+import assert from "node:assert/strict"
+import { after, before, describe, it } from "node:test"
+import http from "node:http"
+import { chromium } from "playwright"
+import app from "../../app.js"
+
+let server
+let baseUrl
+
+before(async () => {
+  server = http.createServer(app)
+  await new Promise(resolve => {
+    server.listen(0, "127.0.0.1", resolve)
+  })
+  const address = server.address()
+  baseUrl = `http://127.0.0.1:${address.port}`
+})
+
+after(async () => {
+  if (!server) return
+  await new Promise(resolve => {
+    server.close(() => resolve())
+  })
+})
+
+describe("TinyNode browser smoke checks.  __e2e", () => {
+  it("Loads index page and toggles forms from the button panel.  __e2e", async t => {
+    let browser
+    try {
+      browser = await chromium.launch({ headless: true })
+    }
+    catch (error) {
+      t.skip(`Chromium is not installed. Run 'npm run e2e:install'. ${error.message}`)
+      return
+    }
+
+    try {
+      const page = await browser.newPage()
+      await page.goto(`${baseUrl}/index.html`, { waitUntil: "domcontentloaded" })
+      await page.waitForSelector(".button-panel")
+
+      const title = await page.title()
+      assert.match(title, /Tiny Things by Rerum/i)
+
+      const createIsVisibleByDefault = await page.locator("form#create:not([data-hidden])").count()
+      assert.equal(createIsVisibleByDefault, 1)
+
+      await page.click('.button-panel > button[data-lang-key="updateBtn"]')
+      const updateVisible = await page.locator("form#rerumUpdate:not([data-hidden])").count()
+      const createHidden = await page.locator('form#create[data-hidden="true"]').count()
+
+      assert.equal(updateVisible, 1)
+      assert.equal(createHidden, 1)
+    }
+    finally {
+      await browser.close()
+    }
+  })
+})