first commit

e2e/onepage.spec.ts

@@ -0,0 +1,77 @@
+import AxeBuilder from "@axe-core/playwright";
+import { expect, test } from "@playwright/test";
+
+/**
+ * Voraussetzung: Stripe-Testschluessel und `pnpm db:seed` (simulierte
+ * Early-Bird-Phase, Testgutschein TEST-STAMMMODEL). Die Zahlung selbst wird
+ * nicht ausgeloest — der Test endet vor der Weiterleitung zu Stripe.
+ */
+
+test("Onepage: Aufbau, kein horizontales Scrollen, Barrierefreiheit", async ({ page }, testInfo) => {
+  await page.goto("/");
+  await expect(page.getByRole("heading", { level: 1 })).toContainText("ARTISTA");
+  for (const id of ["camp", "leistungen", "unterkunft", "dozentinnen", "artista", "preis", "fragen"]) {
+    await expect(page.locator(`#${id}`)).toBeAttached();
+  }
+  // Keine oeffentliche Platzzahl und kein Restplatz-Zaehler.
+  await expect(page.locator("body")).not.toContainText(/Restpl|noch \d+ Pl|Plätze frei/);
+
+  const overflow = await page.evaluate(() => document.documentElement.scrollWidth - window.innerWidth);
+  expect(overflow).toBeLessThanOrEqual(0);
+
+  await page.waitForTimeout(1600); // Hero-Eroeffnung abwarten
+  await page.screenshot({ path: testInfo.outputPath(`onepage-${testInfo.project.name}.png`), fullPage: true });
+
+  const results = await new AxeBuilder({ page }).withTags(["wcag2a", "wcag2aa", "wcag21aa"]).analyze();
+  expect(results.violations.map((v) => `${v.id}: ${v.nodes.length}`)).toEqual([]);
+});
+
+test("Buchungsdialog: Daten, Gutschein, Ratenplan, Erklaerungen, Fokus", async ({ page }, testInfo) => {
+  await page.goto("/");
+  const trigger = page.locator("#top").getByRole("button", { name: "Platz buchen" });
+  await trigger.click();
+
+  const dialog = page.getByRole("dialog");
+  await expect(dialog.getByRole("heading", { name: "Deine Daten" })).toBeFocused();
+
+  // Pflichtfelder werden verstaendlich gemeldet.
+  await dialog.getByRole("button", { name: "Weiter" }).click();
+  await expect(dialog.getByText("Bitte gib deinen Vornamen an.")).toBeVisible();
+
+  await dialog.getByLabel("Vorname").fill("Test");
+  await dialog.getByLabel("Nachname").fill("Person");
+  await dialog.getByLabel("E-Mail").fill("[email protected]");
+  await dialog.getByLabel("Telefon").fill("+49 30 123456");
+  await dialog.getByRole("button", { name: "Weiter" }).click();
+
+  await expect(dialog.getByRole("heading", { name: "Zahlungsweise" })).toBeFocused();
+  await dialog.getByRole("radio", { name: /Drei Raten/ }).check();
+  await dialog.getByLabel("Gutscheincode (optional)").fill("test-stammmodel");
+  await dialog.getByRole("button", { name: "Anwenden" }).click();
+  await expect(dialog.getByText("Gutschein angewendet.")).toBeVisible();
+  await expect(dialog.getByText("1.980,00 €").first()).toBeVisible();
+
+  await dialog.getByRole("button", { name: "Weiter" }).click();
+  await expect(dialog.getByText("Heute fällig: 660,00 €", { exact: false })).toBeVisible();
+  await expect(dialog.getByText("Nicht enthalten:", { exact: false })).toBeVisible();
+
+  // Ohne Erklaerungen keine Buchung.
+  await dialog.getByRole("button", { name: "Zahlungspflichtig buchen" }).click();
+  await expect(dialog.getByText("Bitte stimme dem Einzug der weiteren Raten zu.")).toBeVisible();
+  await dialog.screenshot({ path: testInfo.outputPath(`dialog-${testInfo.project.name}.png`) });
+
+  // Escape schliesst, Fokus kehrt zum ausloesenden Button zurueck.
+  await page.keyboard.press("Escape");
+  await expect(dialog).toBeHidden();
+  await expect(trigger).toBeFocused();
+});
+
+test("Verwaltung und Buchungsstatus sind geschuetzt und nicht indexierbar", async ({ page, request }) => {
+  await page.goto("/admin/buchungen");
+  await expect(page).toHaveURL(/\/admin\/anmelden$/);
+  const exportResponse = await request.get("/admin/export", { maxRedirects: 0, headers: { cookie: "better-auth.session_token=gefaelscht" } });
+  expect(exportResponse.status()).toBe(401);
+  const status = await request.get("/buchung/status/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA");
+  expect(status.status()).toBe(404);
+  expect(status.headers()["x-robots-tag"]).toContain("noindex");
+});