Skip to content

Công cụ định dạng & Mã

Trình xem trước Snapshot Test

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>

Ghi chú của biên tập viên

Understanding · Capture the output, diff on every run.

Chương phân tích chuyên sâu này hiện chỉ có sẵn bằng tiếng Anh. Công cụ chuyển đổi ở trên hoạt động bằng ngôn ngữ của bạn; bài viết giải thích dài chưa được dịch.

Các câu hỏi thường gặp

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.

Mọi người cũng tìm kiếm

Công cụ liên quan

More in this room.

Xem tất cả trong Công cụ định dạng & Mã