Co je snapshot testing?

Question

Accepted Answer

**Snapshot testing** zachytí "snímek" (snapshot) nějakého výstupu (typicky vykresleného výstupu UI komponenty nebo datové struktury) a porovnává s ním budoucí běhy — upozorní, když se výstup změní. Je užitečný pro odhalování nezamýšlených změn, ale má svá omezení, která je dobré pochopit.

## Jak snapshot testing funguje

```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
});
```

## Použití a přínosy

```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
```

## Omezení (používejte obezřetně)

```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).
```

## Proč je to důležité

Porozumění snapshot testingu je cenné, protože jde o **běžně používanou techniku** (zejména pro UI), která je užitečná, když se používá dobře, ale problematická, když se zneužívá, takže je důležité chápat jak její přínosy, tak její omezení.

Snapshot testing — zachycení výstupu (typicky vykreslené UI komponenty nebo datové struktury) a porovnávání budoucích běhů s uloženým snímkem — je **užitečný pro odhalování nezamýšlených změn**: upozorní, když se výstup neočekávaně změní (zachytí náhodné změny vykreslení UI nebo změny datové struktury), je **rychlý na napsání** (automaticky zachytí očekávaný výstup, aniž byste museli ručně ověřovat každý detail složitého výstupu) a hodí se pro UI komponenty, konfiguraci a velké datové struktury.

Porozumění těmto přínosům vysvětluje jeho oblíbenost, zejména při testování UI.

Nicméně porozumění **omezením je kriticky důležité** pro jeho správné používání: snímky **neověřují správnost** — zachytí jakýkoli výstup, který existuje (i když je chybný), a odhalují pouze *změnu*, nikoli *správnost* — takže snímek může zafixovat chybný výstup.

**Největším úskalím je slepá aktualizace snímků** (spuštění aktualizačního příkazu bez kontroly diffu), což maří celý smysl tím, že se přijme potenciálně chybný výstup — běžný špatný zvyk.

Velké, křehké snímky, které se často mění, bývají odsouhlaseny bez rozmyslu a přinášejí jen malou hodnotu.

Porozumění správnému použití — pro odhalování změn, udržování snímků malých a zaměřených, pečlivou **kontrolu diffů snímků** a nespoléhání pouze na ně (kombinace se skutečnými ověřeními chování) — odráží vyzrálý úsudek, který se vyhýbá běžnému zneužití.

Protože je snapshot testing široce používaný (zejména pro UI) a je užitečný pro odhalování změn, ale snadno se zneužije (zafixování chybného výstupu, slepá aktualizace), a protože porozumění jeho hodnotě i jeho důležitým omezením umožňuje jej dobře používat, je porozumění snapshot testingu cennou, prakticky relevantní znalostí — běžnou technikou, kterou je třeba správně chápat, kde ocenění jejích omezení (odhalování změn, nikoli správnosti) a správného použití (kontrola diffů, nikoli slepá aktualizace) je stejně důležité jako technika samotná, což odráží zdravý úsudek v testování.