اذهب إلى المحتوى
  • 0

كيفية إختبار إن كان عنصر معين يحتوي على خاصية attribute بإستخدام مكتبة react-testing-library؟

Emad Saif

السؤال

لدي مكوِّن React يُنشئ زرًا يحتوي محتواه على عنصر <span> وبعض النصوص بداخله، مثل هذا:

function Button(props) {
    return (
        <button disable={props.disable} role="button">
            {props.children}
        </button>
    );
}

الآن أريد إنشاء ملف لإختبار هذا المكون بإستخدام react-testing-library، ولكن لا أعرف كيف أتحقق من أن هذا الزر يحتوي على الخاصية disable أم لا

كيف أقوم بإختبار هذه الخاصية؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

حدد سبان داخل الايقونة:

<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 يمكنك زيارة الصفحة من هنا

 

تم التعديل في بواسطة Ayoub Souad
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...