Playwright-E2E-Tests für die PWA (Login, Sperrlogik, Fortschritt, Offline-Queue)

Läuft komplett gegen gemockten Backend (e2e/mockApi.ts, page.route) - kein echtes Backend/DB nötig, playwright.config.ts startet npm run dev automatisch. Deckt Login-Erfolg/-Fehler, 409-Objektsperre mit Übernahme, hochzählende Fortschrittsanzeige und Offline-Queue-Verhalten (kein Request während offline, Sync bei Reconnect) ab. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
2026-09-04 18:08:08 +02:00
parent fb676a4a0b
commit e0cbf4b8de
11 changed files with 353 additions and 6 deletions
@@ -0,0 +1,98 @@
+import type { Page } from "@playwright/test";
+
+/**
+ * Gemeinsamer Backend-Mock für alle Kontroll-/Login-Szenarien. Jeder Test ruft
+ * nur die Bausteine auf, die er tatsächlich braucht - `mockGrundgeruest`
+ * deckt Login+Stammdaten ab, die Kontroll-Endpunkte werden gezielt pro Test
+ * überschrieben (z. B. für Sperre/Fehler-Szenarien).
+ */
+export const TEST_OBJEKT = {
+  id: 1,
+  code: "RK-00001",
+  name: "Testrucksack",
+  objekttyp_id: 1,
+  vorlage_id: 1,
+  standort_id: 1,
+  status: "aktiv",
+};
+
+export const TEST_MATERIAL = {
+  id: 10,
+  name: "Kompresse",
+  artikelnummer: null,
+  einheit: "Stück",
+  materialtyp: "standard",
+  kategorie_id: null,
+  hersteller: null,
+  beschreibung: null,
+  code: null,
+  warnzeitraum_tage: null,
+  aktiv: true,
+};
+
+export const TEST_POSITION = {
+  id: "pos-1",
+  objekt_id: 1,
+  material_id: 10,
+  sollmenge_override: null,
+  sollmenge_effektiv: "10",
+  ist_status: "aktiv",
+  istmenge: "10",
+  seriennummer: null,
+  ablaufdatum: null,
+  chargennummer: null,
+};
+
+export const TEST_KONTROLLE = {
+  id: "kontrolle-1",
+  objekt_id: 1,
+  benutzer_id: 1,
+  status: "in_bearbeitung",
+  gestartet_am: new Date().toISOString(),
+  beendet_am: null,
+  abbruch_grund: null,
+};
+
+export async function mockLogin(page: Page, rollen: string[] = ["mitarbeiter"]): Promise<void> {
+  await page.route("**/api/v1/auth/login", (route) =>
+    route.fulfill({ json: { access_token: "test-token", token_type: "bearer" } })
+  );
+  await page.route("**/api/v1/auth/me", (route) =>
+    route.fulfill({ json: { id: 1, name: "Test", login: "test", rollen } })
+  );
+}
+
+export async function mockObjektliste(page: Page, objekte: unknown[] = [TEST_OBJEKT]): Promise<void> {
+  await page.route("**/api/v1/objekte", (route) => {
+    if (route.request().method() === "GET") {
+      route.fulfill({ json: objekte });
+    } else {
+      route.continue();
+    }
+  });
+}
+
+export async function mockKontrolleStart(
+  page: Page,
+  options: { status?: number; body?: unknown } = {}
+): Promise<void> {
+  const { status = 201, body = TEST_KONTROLLE } = options;
+  await page.route("**/api/v1/objekte/*/kontrollen", (route) =>
+    route.fulfill({ status, json: body })
+  );
+}
+
+export async function mockKontrollGrundgeruest(page: Page): Promise<void> {
+  await page.route(`**/api/v1/objekte/${TEST_OBJEKT.id}`, (route) => route.fulfill({ json: TEST_OBJEKT }));
+  await page.route(`**/api/v1/objekte/${TEST_OBJEKT.id}/positionen`, (route) =>
+    route.fulfill({ json: [TEST_POSITION] })
+  );
+  await page.route("**/api/v1/materialien", (route) => route.fulfill({ json: [TEST_MATERIAL] }));
+}
+
+export async function login(page: Page): Promise<void> {
+  await page.goto("/login");
+  await page.getByLabel("Login").fill("mitarbeiter1");
+  await page.getByLabel("Passwort").fill("test-passwort-123");
+  await page.getByRole("button", { name: "Anmelden" }).click();
+}