Visuelle Überprüfung für Storybook
UI-Änderungen erkennen, bevor sie veröffentlicht werden
Veröffentlichen Sie Ihren Storybook-Build aus der CI. DiffDeck hostet ihn, erstellt Screenshots jeder Story in Hell/Dunkel sowie auf Smartphone, Tablet und Desktop und zeigt Ihnen genau, was sich seit dem letzten genehmigten Build geändert hat.
Funktioniert auf jedem Gerät – Smartphone, Tablet und Desktop. Verbinden Sie in wenigen Minuten ein GitHub-Repository.
Neuester Build
Build empfangen
Screenshots erstellt
3 Stories geändert
Button/Primary im Dark Mode auf Mobilgeräten geändert – überprüfen Sie den Diff vor der Genehmigung.
Wartet auf Genehmigung
Funktioniert mit
Storybook
GitHub Actions
Jeder CI
Weniger Aufwand, mehr Aussagekraft
Alles, was Sie für die UI-Überprüfung benötigen
Sechs Aufnahmen pro Story
Jede Story wird automatisch in Hell und Dunkel auf Smartphone, Tablet und Desktop erfasst.
Baseline-Diffs
Sehen Sie genau, was sich seit dem letzten freigegebenen Build geändert hat – im direkten Vergleich.
Dynamische Bereiche maskieren
Markieren Sie animierte oder zeitabhängige Regionen, damit diese keine falschen Diffs auslösen.
Gehostetes Storybook
Jeder Build bleibt durchsuchbar – öffnen Sie das Live-Storybook für jeden Commit.
Neuester Build
Drei Schritte
So funktioniert es
Repository verbinden
Wählen Sie ein GitHub-Repo aus und kopieren Sie dessen CI-Projekt-Token.
Aus CI veröffentlichen
Fügen Sie die DiffDeck GitHub-Aktion hinzu; jeder Push lädt einen Storybook-Build hoch.
Überprüfen und freigeben
Untersuchen Sie die Diffs, geben Sie den Build frei und er wird zur neuen Baseline.
Einfache, nutzungsbasierte Preisgestaltung
Starten Sie kostenlos und zahlen Sie nur für das, was Sie nutzen.
€19
pro repositorie / Monat
+ €29 for Playwright recordings on one repository / Monat
14-tägige kostenlose Testversion — keine Kreditkarte erforderlich
Gut zu wissen
Häufig gestellte Fragen
Ja. DiffDeck hostet Ihre statischen Storybook-Builds und erstellt Screenshots von jeder Story. Zudem speichert es Ihre Playwright-Testaufzeichnungen, die mit dem jeweiligen Build verknüpft sind.
Fügen Sie die DiffDeck GitHub Action zu Ihrer Pipeline hinzu und authentifizieren Sie sie mit Ihrem projektbezogenen Repository-Token; jeder Push veröffentlicht dann einen Storybook-Build und dessen Diffs landen hier zur Überprüfung.
DiffDeck wird pro Repository und Monat berechnet, wobei Playwright-Aufzeichnungen als optionales Add-on pro Repository verfügbar sind. Sie können mit einer kostenlosen Testversion beginnen, bevor Sie eine Kreditkarte hinterlegen.
Ihre Builds und Aufzeichnungen sind auf Ihre Organisation beschränkt und nur Ihre Mitglieder können sie sehen. CI-Uploads werden mit einem projektbezogenen Repository-Token authentifiziert, und DiffDeck führt niemals Ihre Tests aus oder benötigt Ihren Quellcode.
Aus dem Blog
