格式化与代码
快照测试预览器
Side-by-side diff for any two snapshot strings.
Runs in your browser
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>
编辑注
Understanding · Capture the output, diff on every run.
本深度章节目前仅有英文版本。上方的转换工具支持您的语言;长篇说明文章尚未翻译。
常见问题
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.
大家也在搜索
相关工具