Emad Saif نشر 9 سبتمبر 2022 أرسل تقرير نشر 9 سبتمبر 2022 لدي مكوِّن React يُنشئ زرًا يحتوي محتواه على عنصر <span> وبعض النصوص بداخله، مثل هذا: function Button(props) { return ( <button disable={props.disable} role="button"> {props.children} </button> ); } الآن أريد إنشاء ملف لإختبار هذا المكون بإستخدام react-testing-library، ولكن لا أعرف كيف أتحقق من أن هذا الزر يحتوي على الخاصية disable أم لا كيف أقوم بإختبار هذه الخاصية؟ اقتباس
1 Ayoub Souad نشر 9 سبتمبر 2022 أرسل تقرير نشر 9 سبتمبر 2022 (معدل) حدد سبان داخل الايقونة: <span>Click me</span> ثم استعمل التابع toBeDisabled للتحقق من كونها disabled import { render } from '@testing-library/react'; const { getByText } = render(Button); expect(getByText(/Click me/i).closest('button')).toBeDisabled(); //التحقق من الأيقونة للتعرف على مكتبة الاختبار ل React يمكنك زيارة الصفحة من هنا تم التعديل في 9 سبتمبر 2022 بواسطة Ayoub Souad اقتباس
السؤال
Emad Saif
لدي مكوِّن React يُنشئ زرًا يحتوي محتواه على عنصر <span> وبعض النصوص بداخله، مثل هذا:
الآن أريد إنشاء ملف لإختبار هذا المكون بإستخدام react-testing-library، ولكن لا أعرف كيف أتحقق من أن هذا الزر يحتوي على الخاصية disable أم لا
كيف أقوم بإختبار هذه الخاصية؟
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.