Welke indeling moeten de snapshots hebben?

De tool accepteert platte tekst, JSON of geserialiseerde opmaak die veelal wordt geproduceerd door testframeworks zoals Jest of Vitest.

Zijn mijn testgegevens veilig?

Ja. De diff-logica draait lokaal in het geheugen van uw browser en er wordt geen inhoud van snapshots geüpload naar een server.

Hoe werkt de side-by-side diff?

De tool berekent wijzigingen op regelniveau en markeert toevoegingen in groen en verwijderingen in rood over twee afzonderlijke panelen.

Kan ik dit gebruiken voor niet-testbestanden?

Hoewel ontworpen voor snapshot-testuitvoer, functioneert de tool als een algemeen hulpprogramma voor tekstverschillen voor twee willekeurige strings.

Formatters & Code

Snapshot Test Previewer

Side-by-side diff for any two snapshot strings.

Runs in your browser

Previous snapshotNew snapshot

Diff+3-2

- <div class="card">
-   <h2>Old title</h2>
+ <div class="card highlighted">
+   <h2>New title</h2>
    <p>First paragraph.</p>
+   <p>Plus a fresh line.</p>
  </div>

Redactionele opmerking

Understanding · Capture the output, diff on every run.

Dit uitgebreide hoofdstuk is momenteel alleen in het Engels beschikbaar. De conversietool hierboven werkt in jouw taal; de lange uitleg is nog niet vertaald.

Veelgestelde vragen

Quick answers.

›What format should the snapshots be in?

The tool accepts plain text, JSON, or serialised markup commonly produced by testing frameworks like Jest or Vitest.

›Is my test data safe?

Yes. The diffing logic runs locally in your browser memory and no snapshot content is uploaded to any server.

›How does the side-by-side diff work?

The tool calculates line-level changes and highlights additions in green and removals in red across two distinct panels.

›Can I use this for non-test files?

Whilst designed for snapshot testing output, the tool functions as a general-purpose text diffing utility for any two strings.

Mensen zoeken ook naar

Gerelateerde tools

More in this room.

Bekijk alles in Formatters & Code