ما هو التنسيق الذي يجب أن تكون عليه اللقطات (snapshots)؟

تقبل الأداة نصًا عاديًا (plain text) أو JSON، أو ترميزًا متسلسلاً يتم إنتاجه عادةً بواسطة أطر عمل الاختبار مثل Jest أو Vitest.

هل بيانات الاختبار الخاصة بي آمنة؟

نعم. تعمل منطق فحص الاختلافات (diffing logic) محليًا في ذاكرة المتصفح الخاص بك ولا يتم تحميل أي محتوى من اللقطات إلى أي خادم.

كيف يعمل الفارق الجانبي (side-by-side diff)؟

تحسب الأداة التغييرات على مستوى الأسطر وتسلط الضوء على الإضافات باللون الأخضر والإزالات باللون الأحمر عبر لوحتين منفصلتين.

هل يمكنني استخدام هذا لملفات غير اختبارية؟

على الرغم من أنها مصممة لإخراج اختبار اللقطات (snapshot testing output)، إلا أن الأداة تعمل كأداة مساعدة عامة لمقارنة النصوص لأي سلسلتين نصيتين.

المنسقات والكود

عارض اختبارات اللقطات

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.

شاهد الكل في المنسقات والكود