Florian WildeandClaude Opus 5
548c090562
Der Redakteur baut eine Vorlage jetzt vollstaendig in der Oberflaeche: Liste mit Suche und Filtern, Editor mit Abschnitten, Schritten und Variablen, Vorschau mit Beispielwerten, Veroeffentlichen mit Aenderungsnotiz, Versionsgeschichte. Sortiert wird mit dem Finger, der Maus, der Tastatur **und** zwei Knoepfen an jeder Zeile — ein Touch-Drag gelingt auf einem 390-px-Geraet nicht jedem, und die Reihenfolge ist fachlich zu wichtig fuer nur einen Weg. Schritte, Variablen und Abschnitte klappen zu: dieselbe Vorlage misst am Handy 3 482 statt 16 986 px. - src/lib/platzhalter.ts als einzige Quelle der eingebauten Platzhalter; der Editor warnt vor unbekannten, blockiert aber nichts - Hilfetexte als Markdown ohne rohes HTML, Bilder als Alternativtext - Erste Playwright-Tests: der Editor wird durch die Oberflaeche gefahren Wichtigster Befund des Meilensteins: `next dev` hydriert in dieser Umgebung ueberhaupt nicht — die Seiten sehen richtig aus, aber kein Knopf tut etwas (2 von 1302 Elementen tragen React-Knoten, im gebauten Stand 1281 von 1296). Nicht an diesem Code: auch ohne proxy.ts und ohne output: standalone. Ein Screenshot beweist damit nichts ueber Bedienbarkeit. Oberflaechen werden ab sofort gegen `pnpm build && pnpm start` abgenommen, und was nur mit angehaengtem React gelingt, gehoert in einen Playwright-Test. Der unabhaengige Review fand zwei Blocker: eine abgelaufene Anmeldung haette im Editor jede ungespeicherte Arbeit vernichtet (der Rechtefehler lief bis in Nexts Fehlergrenze), und das Speichern der Kopfdaten loeste eine archivierte Kundenzuordnung stillschweigend auf. Dazu sechs weitere Befunde, alle behoben. 496 Tests gruen (vorher 428), dazu 5 E2E-Tests. Schliesst #010 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
79 lines
3.0 KiB
TypeScript
79 lines
3.0 KiB
TypeScript
import { describe, expect, it } from "vitest";
|
||
import { existsSync } from "node:fs";
|
||
import { NAVIGATION, navigationFuer } from "@/lib/navigation";
|
||
import { darf } from "@/server/auth/rollen";
|
||
import type { Rolle } from "@/generated/prisma/enums";
|
||
|
||
/** Was die Seitenleiste je Betriebsmodus und Rolle zeigt (#005, #007). */
|
||
|
||
function pfadeFuer(modus: "INTERN" | "DIENSTLEISTUNG", rolle: Rolle): string[] {
|
||
return navigationFuer(modus, (recht) => darf(rolle, recht)).map((e) => e.pfad);
|
||
}
|
||
|
||
describe("Seitenleiste nach Betriebsmodus", () => {
|
||
it("zeigt im Modus Intern die Kunden-Ebene nicht", () => {
|
||
const pfade = pfadeFuer("INTERN", "ADMIN");
|
||
expect(pfade).not.toContain("/kunden");
|
||
expect(pfade).toContain("/mitarbeiter");
|
||
});
|
||
|
||
it("zeigt im Modus Dienstleistung Kunden statt Mitarbeiter & Geräte", () => {
|
||
const pfade = pfadeFuer("DIENSTLEISTUNG", "ADMIN");
|
||
expect(pfade).toContain("/kunden");
|
||
expect(pfade).not.toContain("/mitarbeiter");
|
||
});
|
||
});
|
||
|
||
describe("Seitenleiste nach Rolle", () => {
|
||
it("zeigt Admin nur dem Administrator", () => {
|
||
expect(pfadeFuer("INTERN", "ADMIN")).toContain("/admin");
|
||
for (const rolle of ["REDAKTEUR", "TECHNIKER", "LESER"] as const) {
|
||
expect(pfadeFuer("INTERN", rolle), `Rolle ${rolle}`).not.toContain("/admin");
|
||
}
|
||
});
|
||
|
||
it("zeigt einem Leser die fachlichen Bereiche, aber nichts Verwaltendes", () => {
|
||
const pfade = pfadeFuer("INTERN", "LESER");
|
||
expect(pfade).toContain("/");
|
||
expect(pfade).toContain("/laeufe");
|
||
expect(pfade).toContain("/archiv");
|
||
expect(pfade).not.toContain("/admin");
|
||
});
|
||
|
||
it("blendet ohne bekannte Rolle alles Rechtegebundene aus", () => {
|
||
// So sieht die Huelle aus, solange niemand angemeldet ist.
|
||
const pfade = navigationFuer("INTERN", () => false).map((e) => e.pfad);
|
||
expect(pfade).not.toContain("/admin");
|
||
});
|
||
});
|
||
|
||
describe("Aufbau der Eintraege", () => {
|
||
it("verlinkt keinen Eintrag, dessen Seite es noch nicht gibt", () => {
|
||
for (const eintrag of navigationFuer("INTERN")) {
|
||
if (!eintrag.verfuegbar) {
|
||
expect(eintrag.ausIssue, `${eintrag.pfad} braucht eine Issue-Nummer`).toBeGreaterThan(0);
|
||
}
|
||
}
|
||
});
|
||
|
||
it("hat zu jedem verfuegbaren Eintrag auch eine Seite", () => {
|
||
// Das Umstellen von `verfuegbar` ist ein Handgriff im Meilenstein, der die
|
||
// Seite liefert. Wird es zu frueh gemacht, zeigt die Navigation auf eine
|
||
// 404 – und genau das faellt beim Klicken selten auf, weil man die eigene
|
||
// neue Seite kennt und die anderen nicht anfasst.
|
||
for (const eintrag of NAVIGATION) {
|
||
if (!eintrag.verfuegbar) continue;
|
||
const teil = eintrag.pfad === "/" ? "" : eintrag.pfad;
|
||
const seite = new URL(`../src/app/(app)${teil}/page.tsx`, import.meta.url);
|
||
expect(existsSync(seite), `${eintrag.pfad} ist verfuegbar, hat aber keine page.tsx`).toBe(true);
|
||
}
|
||
});
|
||
|
||
it("hat keine doppelten Pfade je Modus", () => {
|
||
for (const modus of ["INTERN", "DIENSTLEISTUNG"] as const) {
|
||
const pfade = pfadeFuer(modus, "ADMIN");
|
||
expect(new Set(pfade).size).toBe(pfade.length);
|
||
}
|
||
});
|
||
});
|