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>
61 lines
2.5 KiB
TypeScript
61 lines
2.5 KiB
TypeScript
import { describe, expect, it } from "vitest";
|
||
import { z } from "@/lib/validierung";
|
||
import { AustauschSchema, StrukturSchema, stelleBenennen } from "@/lib/vorlagen-format";
|
||
|
||
/**
|
||
* Zod ist in src/lib/validierung.ts auf Deutsch eingestellt (#009).
|
||
*
|
||
* Ohne diese Einstellung landen englische Standardsaetze ueber die Server
|
||
* Actions in der Oberflaeche — und zwar genau dort, wo niemand an eine eigene
|
||
* Meldung gedacht hat.
|
||
*/
|
||
describe("Deutsche Meldungen", () => {
|
||
it("meldet einen falschen Typ auf Deutsch", () => {
|
||
const ergebnis = z.object({ name: z.string() }).safeParse({ name: 42 });
|
||
expect(ergebnis.error?.issues[0]?.message).toMatch(/Ungültige Eingabe/);
|
||
});
|
||
|
||
it("meldet ein fehlendes Pflichtfeld auf Deutsch", () => {
|
||
const ergebnis = z.object({ name: z.string() }).safeParse({});
|
||
expect(ergebnis.error?.issues[0]?.message).not.toMatch(/Invalid input/);
|
||
});
|
||
|
||
it("laesst eigene Meldungen unangetastet", () => {
|
||
const ergebnis = StrukturSchema.safeParse({
|
||
abschnitte: [{ titel: "A", schritte: [{ titel: "" }] }],
|
||
});
|
||
expect(ergebnis.error?.issues[0]?.message).toBe("Ein Schritt braucht einen Titel.");
|
||
});
|
||
|
||
it("meldet ein unbekanntes Austauschformat auf Deutsch", () => {
|
||
const ergebnis = AustauschSchema.safeParse({ format: 99, name: "X", struktur: {} });
|
||
expect(ergebnis.error?.issues[0]?.message).toMatch(/Unbekanntes Format/);
|
||
});
|
||
});
|
||
|
||
describe("Stelle benennen", () => {
|
||
it("macht aus einem Zod-Pfad eine Stelle im Editor", () => {
|
||
expect(stelleBenennen(["struktur", "abschnitte", 2, "schritte", 0, "titel"])).toBe(
|
||
"Abschnitt 03, Schritt 1: ",
|
||
);
|
||
expect(stelleBenennen(["variablen", 1, "schluessel"])).toBe("Variable 2: ");
|
||
expect(stelleBenennen(["abschnitte", 0, "schritte", 3, "konfig", "optionen", 1])).toBe(
|
||
"Abschnitt 01, Schritt 4, Option 2: ",
|
||
);
|
||
});
|
||
|
||
it("liefert nichts, wenn der Pfad keine Stelle beschreibt", () => {
|
||
// Dann bleibt die Meldung des Schemas fuer sich allein stehen – besser als
|
||
// ein leerer Doppelpunkt davor.
|
||
expect(stelleBenennen(["name"])).toBe("");
|
||
expect(stelleBenennen([])).toBe("");
|
||
});
|
||
|
||
it("nennt die Stelle in der Reihenfolge, in der man sie sucht", () => {
|
||
// Erst der Abschnitt, dann der Schritt darin – nicht umgekehrt.
|
||
const stelle = stelleBenennen(["abschnitte", 9, "schritte", 11, "titel"]);
|
||
expect(stelle.indexOf("Abschnitt")).toBeLessThan(stelle.indexOf("Schritt"));
|
||
expect(stelle).toBe("Abschnitt 10, Schritt 12: ");
|
||
});
|
||
});
|