SwiftUI Academy · Lektion

Snapshot- und Preview-basierte Tests

Erkennen Sie visuelle Regressionen in verschiedenen Zuständen.

Snapshot- und Preview-basierte Tests ist eine kostenlose SwiftUI Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des SwiftUI Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.

Catching Visual Bugs

Some bugs are not crashes; they are layout slips you only see. Snapshot tests catch these by comparing images of your views. 👀

How Snapshots Work

A snapshot test renders a view to an image once, saves it, then fails later if a new render no longer matches.

The Reference Image

The first run records a trusted reference image. You review it by eye, and from then on it becomes the source of truth.

Previews Drive Testing

SwiftUI previews already show a view in many states. Designing those states first makes your snapshots easy to write.

#Preview { ProfileCard(user: .sample) }

Cover Many States

Add previews for empty, loading, and error states. Each one becomes a snapshot, so regressions in any state are caught.

Test Light and Dark

Render each view in light and dark mode. A color that vanishes in dark mode is exactly what a snapshot will reveal. 🌗

.preferredColorScheme(.dark)

Vary Dynamic Type

Snapshot a view at the largest Dynamic Type size too. Text that overflows or clips will fail the comparison immediately.

Pin the Device Size

Always snapshot on a fixed device or frame. Different screen sizes produce different images and cause false failures.

Reading a Failure

When a snapshot fails, the tool shows old, new, and a diff. You decide: a real bug, or an intended change to re-record.

Commit Your Snapshots

Store reference images in version control. Teammates then share the same baseline, and CI can catch visual changes in pull requests.

Re-Record on Purpose

Changed the design intentionally? Switch to record mode once to refresh the baselines, then turn it off again.

Quick Check

What does a snapshot test actually compare?

Recap

You learned snapshot testing: record a reference, cover many preview states, test light and dark, and commit baselines so visual bugs never sneak in. 🎉

Häufig gestellte Fragen

Ist die Lektion „Snapshot- und Preview-basierte Tests“ kostenlos?

Ja — der vollständige Text von „Snapshot- und Preview-basierte Tests“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des SwiftUI Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Snapshot- und Preview-basierte Tests“?

Erkennen Sie visuelle Regressionen in verschiedenen Zuständen. Du übst SwiftUI Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um SwiftUI Academy zu starten?

Keine Vorkenntnisse erforderlich. SwiftUI Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.

Wie lange dauert die Lektion „Snapshot- und Preview-basierte Tests“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser SwiftUI Academy-Lektion Code schreiben und ausführen?

Ja. Jede SwiftUI Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu SwiftUI Academy