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 أم لا كيف أقوم بإختبار هذه الخاصية؟ اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
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 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Emad Saif
لدي مكوِّن React يُنشئ زرًا يحتوي محتواه على عنصر <span> وبعض النصوص بداخله، مثل هذا:
الآن أريد إنشاء ملف لإختبار هذا المكون بإستخدام react-testing-library، ولكن لا أعرف كيف أتحقق من أن هذا الزر يحتوي على الخاصية disable أم لا
كيف أقوم بإختبار هذه الخاصية؟
رابط هذا التعليق
شارك على الشبكات الإجتماعية
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.