สแนปช็อตควรอยู่ในรูปแบบใด?

เครื่องมือนี้รองรับข้อความธรรมดา, JSON หรือมาร์กอัปที่สร้างโดยเฟรมเวิร์กการทดสอบ เช่น Jest หรือ Vitest

ข้อมูลการทดสอบของฉันปลอดภัยหรือไม่?

ใช่ ตรรกะการเปรียบเทียบทำงานในหน่วยความจำของเบราว์เซอร์ของคุณ และไม่มีเนื้อหาสแนปช็อตใด ๆ ถูกอัปโหลดไปยังเซิร์ฟเวอร์

การเปรียบเทียบแบบแบ่งข้างทำงานอย่างไร?

เครื่องมือจะคำนวณการเปลี่ยนแปลงระดับบรรทัดและไฮไลต์ส่วนที่เพิ่มเป็นสีเขียวและส่วนที่ลบเป็นสีแดงในสองหน้าต่างที่แตกต่างกัน

ฉันสามารถใช้สิ่งนี้สำหรับไฟล์ที่ไม่ใช่การทดสอบได้หรือไม่?

ถึงแม้จะออกแบบมาสำหรับการส่งออกการทดสอบสแนปช็อต แต่เครื่องมือนี้ยังทำหน้าที่เป็นเครื่องมือเปรียบเทียบข้อความทั่วไปสำหรับสตริงสองตัวใด ๆ

ตัวจัดรูปแบบและโค้ด

ตัวแสดงตัวอย่าง Snapshot Test

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>

หมายเหตุจากบรรณาธิการ

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.

ผู้คนยังค้นหา

เครื่องมือที่เกี่ยวข้อง

More in this room.

ดูทั้งหมดใน ตัวจัดรูปแบบและโค้ด