feat: add wordpress site variant

tests/functional/Dockerfile

@@ -0,0 +1,12 @@
+FROM mcr.microsoft.com/playwright:v1.61.1-noble
+
+WORKDIR /tests
+RUN chown pwuser:pwuser /tests
+
+COPY --chown=pwuser:pwuser package.json package-lock.json ./
+RUN npm ci --no-audit --no-fund
+
+COPY --chown=pwuser:pwuser . .
+
+USER pwuser
+CMD ["npm", "test"]

tests/functional/package-lock.json

@@ -0,0 +1,78 @@
+{
+  "name": "azionelab-wordpress-functional-tests",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "azionelab-wordpress-functional-tests",
+      "version": "0.1.0",
+      "devDependencies": {
+        "@playwright/test": "1.61.1"
+      }
+    },
+    "node_modules/@playwright/test": {
+      "version": "1.61.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.61.1.tgz",
+      "integrity": "sha512-8nKv6+0RJSL9FE4jYOEGXnPeM/Hg12qZpmqzZjRh3qM0Y7c3z1mrOTfFLids72RDQYVh9WpLEfR5WdpNX4fkig==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright": "1.61.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/playwright": {
+      "version": "1.61.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.61.1.tgz",
+      "integrity": "sha512-DWnY5o3YbLWK4GovuAVwpqL+1VwGNdUGrRr++8j8PtQQzvAVZUIMjKQ90fY689sEJZJBbZVw1rXaOKSTitkzPQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.61.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.61.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.61.1.tgz",
+      "integrity": "sha512-h7Qlt6m4REp25qvIdvbDtVmD4LqVXfpRxhORv9L0jzETM05p4fuPJ3dKyuSXQxDSbXnmS79HAgi9589lGSpLkg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    }
+  }
+}

tests/functional/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "azionelab-wordpress-functional-tests",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "test": "playwright test"
+  },
+  "devDependencies": {
+    "@playwright/test": "1.61.1"
+  }
+}

tests/functional/playwright.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from "@playwright/test";
+
+export default defineConfig({
+  testDir: "./tests",
+  timeout: 30_000,
+  expect: { timeout: 5_000 },
+  fullyParallel: false,
+  forbidOnly: true,
+  retries: 0,
+  workers: 1,
+  reporter: "line",
+  outputDir: "test-results",
+  use: {
+    baseURL: process.env.BASE_URL ?? "http://azionelab.org",
+    browserName: "chromium",
+    screenshot: "only-on-failure",
+    trace: "retain-on-failure",
+    video: "off",
+  },
+});

tests/functional/tests/portal.spec.ts

@@ -0,0 +1,115 @@
+import { expect, test } from "@playwright/test";
+
+const sectionIds = [
+  "inizio",
+  "laboratorio",
+  "maestro",
+  "lezioni",
+  "spettacoli",
+  "galleria",
+  "contatti",
+];
+
+test("renders the complete seeded single page", async ({ page }) => {
+  await page.goto("/");
+
+  await expect(page).toHaveTitle(/Azione!Lab/);
+  await expect(page.getByRole("heading", { level: 1 })).toHaveText(
+    "Il teatro diventa presenza.",
+  );
+  await expect(page.getByText("Ernesto Estatico")).toBeVisible();
+  await expect(page.getByText(/Via dell'Epomeo 9999, Napoli/).first()).toBeVisible();
+  await expect(page.locator(".feature-card")).toHaveCount(3);
+  await expect(page.locator(".show-card")).toHaveCount(2);
+  await expect(page.locator(".gallery-item")).toHaveCount(4);
+
+  const positions = await page.evaluate((ids) => ids.map((id) => {
+    const element = document.getElementById(id);
+    if (!element) throw new Error(`Missing section #${id}`);
+    return element.getBoundingClientRect().top + window.scrollY;
+  }), sectionIds);
+  expect(positions).toEqual([...positions].sort((a, b) => a - b));
+});
+
+test("provides usable contact actions", async ({ page }) => {
+  await page.goto("/#contatti");
+
+  await expect(page.getByRole("link", { name: /Scrivi una mail/ })).toHaveAttribute(
+    "href",
+    "mailto:ciao@azionelab.org",
+  );
+  await expect(page.getByRole("link", { name: /Chiama/ })).toHaveAttribute(
+    "href",
+    "tel:+393331234567",
+  );
+  await expect(page.getByRole("link", { name: /WhatsApp/ })).toHaveAttribute(
+    "href",
+    "https://wa.me/393331234567",
+  );
+});
+
+test("supports mobile navigation without horizontal overflow", async ({ page }) => {
+  await page.setViewportSize({ width: 390, height: 844 });
+  await page.goto("/");
+
+  const menu = page.locator("details.mobile-menu");
+  await menu.locator("summary").click();
+  await expect(menu).toHaveAttribute("open", "");
+  await menu.getByRole("link", { name: "Le lezioni" }).click();
+  await expect(page).toHaveURL(/#lezioni$/);
+
+  const dimensions = await page.evaluate(() => ({
+    clientWidth: document.documentElement.clientWidth,
+    scrollWidth: document.documentElement.scrollWidth,
+  }));
+  expect(dimensions.scrollWidth).toBeLessThanOrEqual(dimensions.clientWidth + 1);
+});
+
+test("uses semantic landmarks, image alternatives and keyboard access", async ({ page }) => {
+  await page.goto("/");
+
+  await expect(page.getByRole("banner")).toHaveCount(1);
+  await expect(page.getByRole("main")).toHaveCount(1);
+  await expect(page.getByRole("contentinfo")).toHaveCount(1);
+  await expect(page.getByRole("heading", { level: 1 })).toHaveCount(1);
+  const alternatives = await page.locator("img").evaluateAll((images) =>
+    images.map((image) => image.getAttribute("alt")?.trim() ?? ""),
+  );
+  expect(alternatives.length).toBeGreaterThan(0);
+  expect(alternatives.every(Boolean)).toBe(true);
+
+  const images = page.locator("img");
+  for (let index = 0; index < await images.count(); index += 1) {
+    const image = images.nth(index);
+    await image.scrollIntoViewIfNeeded();
+    await expect
+      .poll(() => image.evaluate((element) => element.naturalWidth))
+      .toBeGreaterThan(0);
+  }
+
+  await page.keyboard.press("Tab");
+  await expect(page.getByRole("link", { name: "Vai al contenuto" })).toBeFocused();
+});
+
+test("protects the edge and exposes the WordPress admin", async ({ page, request, playwright }) => {
+  const response = await request.get("/");
+  expect(response.ok()).toBe(true);
+  expect(response.headers()["content-security-policy"]).toContain("object-src 'none'");
+  expect(response.headers()["x-content-type-options"]).toBe("nosniff");
+  expect(response.headers()["permissions-policy"]).toContain("camera=()");
+  expect((await request.get("/xmlrpc.php")).status()).toBe(403);
+  expect((await request.get("/.env")).status()).toBe(404);
+  expect((await request.get("/wp-config.php")).status()).toBe(404);
+  expect((await request.get("/wp-json/wp/v2/users")).status()).toBe(404);
+
+  await page.goto("/wp-admin/");
+  await expect(page).toHaveURL(/\/wp-login\.php/);
+  await expect(page.locator('input[name="log"]')).toBeVisible();
+  await expect(page.locator('input[name="pwd"]')).toBeVisible();
+
+  const invalidHost = await playwright.request.newContext({
+    baseURL: process.env.INVALID_HOST_URL ?? "http://proxy",
+  });
+  expect((await invalidHost.get("/")).status()).toBe(404);
+  await invalidHost.dispose();
+});