Quel format les instantanés doivent-ils avoir ?

L'outil accepte le texte brut, le JSON ou le balisage sérialisé couramment produit par les frameworks de test comme Jest ou Vitest.

Mes données de test sont-elles en sécurité ?

Oui. La logique de différenciation s'exécute localement dans la mémoire de votre navigateur et aucun contenu d'instantané n'est envoyé à un serveur.

Comment fonctionne la comparaison côte à côte ?

L'outil calcule les modifications au niveau de la ligne et met en évidence les ajouts en vert et les suppressions en rouge sur deux panneaux distincts.

Puis-je l'utiliser pour des fichiers non-test ?

Bien que conçu pour la sortie des tests d'instantanés, l'outil fonctionne comme un utilitaire de comparaison de texte à usage général pour deux chaînes de caractères quelconques.

Formateurs & Code

Prévisualiseur de Tests Snapshot

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>

Note de la rédaction

Understanding · Capture the output, diff on every run.

Ce chapitre approfondi n'est actuellement disponible qu'en anglais. L'outil de conversion ci-dessus fonctionne dans votre langue ; le long article explicatif n'a pas encore été traduit.

Questions fréquentes

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.

Les internautes recherchent aussi

Outils similaires

More in this room.

Tout voir dans Formateurs & Code