SwiftUI Academy · Lekcja

Testowanie oparte na migawkach i podglądach

Wykrywaj regresje wizualne w różnych stanach

Lekcja 4 z 413 kroki

Testowanie oparte na migawkach i podglądach to bezpłatna lekcja SwiftUI Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej SwiftUI Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.

Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.

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. 🎉

Bezpłatny start

Ucz się Swift dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
30
Lekcje
120

Często zadawane pytania

Czy lekcja „Testowanie oparte na migawkach i podglądach” jest bezpłatna?

Tak — pełny tekst „Testowanie oparte na migawkach i podglądach” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu SwiftUI Academy, przejdź na CoddyKit PRO. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Testowanie oparte na migawkach i podglądach”?

Wykrywaj regresje wizualne w różnych stanach Ćwiczysz SwiftUI Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć SwiftUI Academy?

Nie wymagamy żadnego doświadczenia. SwiftUI Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.

Ile czasu zajmuje lekcja „Testowanie oparte na migawkach i podglądach”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji SwiftUI Academy?

Tak. Każda lekcja SwiftUI Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Testy jednostkowe ViewModeli
  2. Testowanie kodu asynchronicznego
  3. Testy interfejsu z XCUITest
  4. Testowanie oparte na migawkach i podglądach
← Powrót do SwiftUI Academy