Što je snapshot testiranje?

Question

IT Interview Practice · Accepted Answer

**Snapshot testiranje** bilježi "snimak" nekog izlaza (obično prikazanog izlaza UI komponente ili strukture podataka) i uspoređuje budućih pokretanja s njim — označavajući kada se izlaz promijeni. Korisno je za otkrivanje nenamjernih promjena, ali ima ograničenja koja trebate razumjeti.

## Kako snapshot testiranje funkcionira

```text
1. First run → the test RECORDS the output (e.g. a rendered component) as a SNAPSHOT file
2. Later runs → COMPARE the current output to the saved snapshot:
   → MATCHES → pass; DIFFERS → fail (the output changed)
3. If the change is INTENTIONAL → UPDATE the snapshot (review the diff, then accept)
```

```js
// Jest snapshot test (e.g. a React component)
test('renders correctly', () => {
  const tree = render(<Button label="Click" />).toJSON();
  expect(tree).toMatchSnapshot();    // compares to the stored snapshot
});
```

## Upotreba i prednosti

```text
✓ Detect UNINTENDED CHANGES — flags when output changes unexpectedly (UI, serialized data)
✓ FAST to write — no manual assertions for complex output; auto-captures the expected result
✓ Good for UI components (catch unexpected rendering changes), config, large data structures
```

## Ograničenja (koristite oprezno)

```text
⚠️ Snapshots don't verify CORRECTNESS — they capture whatever output exists (even if WRONG);
   they only detect CHANGE, not that the output is RIGHT
⚠️ BLINDLY UPDATING snapshots (jest -u without reviewing) → defeats the purpose (accepting
   broken output) — a common bad habit
⚠️ Large/brittle snapshots → change often, get rubber-stamped, low value
→ Use for change detection; keep snapshots small/focused; REVIEW snapshot diffs;
  don't rely on them alone (combine with real assertions for behavior).
```

## Zašto je važno

Razumijevanje snapshot testiranja je vrijedno jer je to **često korištena tehnika** (posebno za UI) koja je korisna kada se primijeni dobro, ali problematična kada se pogrešno koristi, pa je razumijevanje i njene vrijednosti i ograničenja važno praktično znanje.

Snapshot testiranje — bilježenje izlaza (obično prikazane UI komponente ili strukture podataka) i uspoređivanje budućih pokretanja s pohranljenim snimkom — **korisno je za otkrivanje nenamjernih promjena**: označava kada se izlaz nepredvidivo promijeni (hvata slučajne promjene UI renderiranja ili promjene strukture podataka), **brzo je za pisanje** (automatski bilježi očekivani izlaz bez ručnog tvrđenja svake pojedinosti složenog izlaza), i odgovara UI komponentama, konfiguraciji i velikim strukturama podataka.

Razumijevanje ovih prednosti objašnjava njegovu popularnost, posebno u UI testiranju.

Međutim, razumijevanje **ograničenja je kritično važno** za dobru upotrebu: snimci **ne potvrđuju ispravnost** — bilježe bilo koji postojeći izlaz (čak i ako je pogrešan), samo detektiraju *promjenu*, ne *ispravnost* — pa snimak može zaključati pogrešan izlaz.

**Najveća zamka je slijepo ažuriranje snimaka** (pokretanje naredbe ažuriranja bez pregleda razlike), što poništava svrhu prihvaćanjem potencijalno neispravnog izlaza — uobičajena loša navika.

Veliki, krhki snimci koji se često mijenjaju dobivaju svoje odobrenje i pružaju malu vrijednost.

Razumijevanje ispravne upotrebe — za detekciju promjena, zadržavanje snimaka malih i fokusiranih, **pažljiv pregled razlika snimaka** i neovisnost o njima (kombiniranje s pravim tvrdnjama ponašanja) — odražava zrelu prosudbu koja izbjegava čest Россиј upotrebe.

Budući da se snapshot testiranje često koristi (posebno za UI) i korisno je za detekciju promjena, ali se lako može zloupotrijebiti (zaključavanje pogrešnog izlaza, slijepo ažuriranje), te budući da razumijevanje i njegove vrijednosti i važnih ograničenja omogućava dobru upotrebu, razumijevanje snapshot testiranja je vrijedno, praktički relevantno znanje — uobičajena tehnika za pravilno razumijevanje, gdje je prihvaćanje njezinih ograničenja (detekcija promjena, ne ispravnost) i ispravne upotrebe (pregled razlika, ne slijepo ažuriranje) jednako važno kao sama tehnika, što odražava zdravu prosudbu testiranja.

Kako snapshot testiranje funkcionira

Upotreba i prednosti

Ograničenja (koristite oprezno)

Zašto je važno

Povezana pitanja