# Etappe 2b – Manuelle Abnahme (Divi schreiben) Vorbereitet von Task 10 (Hinweise, Guides, Version 0.3.0, Ende-zu-Ende-Test). Automatisch geprüft sind bereits: - alle Unit-Tests (`composer test`) und Lint (`composer lint`); - die fünf Integrationsskripte `divi-write-smoke.sh`, `divi-read-smoke.sh`, `mcp-smoke.sh`, `wp-basis-smoke.sh` und `media-admin-smoke.sh` (alle in `tests/Integration/`). `divi-write-smoke.sh` prüft über den OAuth-Endpunkt: - Einfügen, Ändern, Verschieben, Löschen und Duplizieren; - Ersetzen mit Probelauf; - `lit-content-create` mit Divi-Inhalt; - den ersten Abschnitt auf einer leeren Seite; - einen Redakteur ohne `unfiltered_html`: unberührte Bytes bleiben gleich, und es wird weder Skript, Event-Handler, `javascript:` noch ein eingeschleustes Attribut gespeichert oder gerendert; - Divis eigene Speicherfilter (Seite mit eigenen HTML-Attributen). Details stehen im Report von Task 10 (`.superpowers/sdd/2026-09-26-etappe-2b-divi-schreiben/task-10-report.md`). Die folgenden Punkte lassen sich nicht automatisch prüfen, weil sie den echten Divi Visual Builder und den claude.ai-Connector brauchen. Jan-Niclas prüft sie selbst (Spec §1.3 Nr. 2, §13 „Bearbeitbarkeit im Visual Builder“). Abweichungen als kurze Notiz zurückmelden; sie werden Folgeaufgaben (z. B. anders gespeicherte Spaltenbreiten, D8). ## 1. Visual Builder: von Claude gebaute Seite - [ ] Dieser Auftrag in claude.ai: „Lege eine Entwurfsseite ‚Abnahme Divi‘ an mit Hero (Überschrift, Text, Button mit Preset), einer Zeile 1/3 + 2/3 mit Bild und Blurb, einem Akkordeon und einem Kontaktformular.“ Erwartet: - Claude liest vorher `lit-divi-design-system` und `lit-divi-catalog`; - dann `lit-content-create` mit `divi` (oder eine leere Seite plus `lit-divi-insert`); - die Antwort nennt `preview_url` und `edit_url`. - [ ] Die Seite im Divi Visual Builder öffnen (`edit_url`) und prüfen: - [ ] Alle Module erscheinen als **native Module**, nicht als Code-Modul. - [ ] Die Admin-Labels folgen dem Muster „ – “, z. B. „Hero – Button“. - [ ] Jedes Modul lässt sich anklicken, ändern und speichern, ohne Fehlermeldung des Builders. - [ ] Die Spaltenbreiten stimmen (1/3 + 2/3), auch in der Spalteneinstellung des Builders. - [ ] Farben aus `{{color:…}}` sind als **globale Farbe** verknüpft: der Farbwähler zeigt die globale Farbe, nicht einen festen Hex-Wert. - [ ] Das Button-Preset ist im Builder als Preset ausgewählt. - [ ] Akkordeon-Einträge und Kontaktformular-Felder sind einzeln bearbeitbar. - [ ] Eine zweite Seite nur mit `lit-divi-insert` aufbauen lassen: leere Seite anlegen, dann „Füge einen Abschnitt ‚Start‘ mit Überschrift und Text ein“. Im Builder öffnen: der Abschnitt erscheint normal und ist bearbeitbar (Ruling S9: Hülle `divi/placeholder` wie beim Builder). ## 2. Visual Builder: von Claude geänderte Seite - [ ] Eine bestehende, im Builder gebaute Seite kopieren (`lit/post-duplicate`) und an der Kopie per claude.ai einen Button-Text ändern, ein Modul verschieben und einen Abschnitt duplizieren lassen. - [ ] Die Kopie im Builder öffnen und prüfen: - [ ] Alle unveränderten Module sehen aus wie vorher (Einstellungen, Presets, globale Farben). - [ ] Die geänderten Module sind bearbeitbar, und die Änderung ist sichtbar. - [ ] Die Kopie eines Abschnitts heißt „