jest preview

معاينة Jest

تصحيح اختباراتك الدائرية. دون عناء. ؟

جرب Jest Preview عبر الإنترنت. لا هناك حاجة لتنزيلات!

باستخدام Vitest؟ جرب VITISTER معاينة

لماذا Jest-Preview

عند كتابة الاختبارات باستخدام Jest ، عادةً ما نخطئ في قراءة رمز HTML. في بعض الأحيان ، يكون HTML معقدًا جدًا لتصور واجهة المستخدم في رأسنا. jest-preview معاينة اختباراتك الدائرية مباشرة في المتصفح ، ثم يمكنك رؤية واجهة المستخدم الفعلية الخاصة بك بصريًا ، مما يساعدك على كتابة وتصحيح اختبارات Jest بشكل أسرع.

تم تصميم jest-preview مبدئيًا للعمل مع المكتبة الدائرية والاختلاف. الحزمة هي إطار عمل ، ويمكنك استخدامها مع أي أطر عمل أمامية ومكتبات اختبار. للحصول على أمثلة:

• رد فعل Vite
• إنشاء تطبيق React
• NextJS
• ممشوق
• زاوي
• Vue

سمات

• ؟ معاينة HTML تطبيقك الفعلي في متصفح بالمللي ثانية.
• متصفح إعادة تحميل السيارات عند تنفيذ preview. Debug () `.
• ؟ دعم CSS:
  • ✅ استيراد CSS المباشر
  • ✅ عدد مكتبات CSS-in-JS ، مثل:
    • ✅ العوامل المصممة
    • ✅ العاطفة
  • css العالمية
  • وحدات CSS
  • ✅ ساس
• ؟ دعم عرض الصور.

كيفية استخدام jest-preview في سطرين من الكود

 + import preview from 'jest-preview';

describe('App', () => {
  it('should work as expected', () => {
    render(<App />);
+    preview.debug();
  });
});

أو:

 + import { debug } from 'jest-preview';

describe('App', () => {
  it('should work as expected', () => {
    render(<App />);
+    debug();
  });
});

تحتاج أيضًا إلى بدء تشغيل خادم المعاينة Jest عن طريق تشغيل CLI jest-preview . يرجى متابعة قراءة الاستخدام للحصول على تعليمات التفاصيل.

تعليق

ملاحظاتك مهمة جدا بالنسبة لنا. الرجاء مساعدة jest-preview يصبح برنامجًا أفضل من خلال تقديم التعليقات هنا.

تثبيت

راجع دليل التثبيت على الموقع الرسمي للمعاينة Jest.

الاستخدام

انظر دليل الاستخدام على موقع معاينة Jest Preview.

التكوينات المتقدمة

معاينة Jest تأتي مع تحول تم تكوينه مسبقًا. ومع ذلك ، في حالات الاستخدام الأكثر تقدماً حيث لديك تحويل رمز مخصص ، تحقق من دليل تحويل التعليمات البرمجية.

الميزات القادمة

• دعم المزيد من مكتبات css-in-js .
• معاينات متعددة.
• سمها ما شئت.

يدعم

يرجى تقديم مشكلة ، أو إضافة مناقشة جديدة إذا واجهت أي مشكلات.

يمكنك أيضًا ذكر JestPreview أو Hung_Dev على Twitter إذا كنت ترغب في الحصول على المزيد من المناقشات أو الاقتراحات.

لدينا أيضًا خادم خلاف:

المساهمة

لا يمكننا الانتظار لرؤية مساهماتك. انظر دليل المساهمة في المساهمة. md

المساهمين

شكراً لهؤلاء الأشخاص الرائعين (مفتاح الرموز التعبيرية):

معلقة فييت نغوين	ترونغ نغوين	فييت هوو دوان ؟	Harveynguyen ️	مات مورفي	Traitanit Huangsri	ثانه الابن نغوين
مينه نغوين	كايل (tình vũ) ؟	ماكوتو تاتينو	أبهيشيك راوات	Huynh Duc Duy	نونو كاستيليرا ؟	الأحد
Lunduocai ؟	Huyenuet ️	بينيت سدود	ستيفن روزاتو ؟	nhducit ؟	Benoit Grasset ؟	سيرجي كيريانوف ؟
كيم ، حريم	لارس جيروب برينك نيلسن	مايك شي	فينامين كرول	إيكو آشيمين	بافيل مغلق ؟	ديفيد زي هاو ؟
Rohitbels	منافسة بوترا	Zhao الطويل	جاستن صن ؟

يتبع هذا المشروع مواصفات جميع المساهمين. المساهمات من أي نوع مرحب بها!

تاريخ النجوم

رخصة

معهد ماساتشوستس للتكنولوجيا

الرعاة

يساعد دعمك المالي المشروع على قيد الحياة وفي وضع التطوير. قم بتأثير من خلال رعاية دولار واحد عبر Open Collective.

• الراعي البرونزي؟:
  • صورة شعار/ ملف تعريف شركتك على readme.md و www.jest-preview.com
• الراعي الفضي؟:
  • كل هذه أعلاه
  • سيتم إعطاء الأولوية لطلبك.
• الراعي الذهبي؟:
  • كل هذه أعلاه
  • دعنا نناقش فوائدك لهذه الطبقة ، يرجى الاتصال بالمؤلف
• راعي الماس؟:
  • كل هذه أعلاه
  • دعنا نناقش فوائدك لهذه الطبقة ، يرجى الاتصال بالمؤلف

الرعاة البرونزية؟

الرعاة السابقين