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

الضغط على زر من خلال jest في مشروع React

Adam Ebrahim

السؤال

أقوم بالعمل على مشروع React وحاليًا على ملفات الـ testing، ولدي مكون يحتوي على رقم counter  و زر لزيادة هذا الرقم، وأريد أن أعرف كيف أقوم بإختبار محاولة الضغط على هذا الزر لكي أتأكد من أن الزر يقوم بالمطلوب منه بشكل سليم (زيادة الرقم بمقدار 1).

أستخدم React 17 و jest أحدث نسخة

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

Recommended Posts

  • 0

بافتراض مكون بسيط

import React from 'react';

export default function test() {

  return (
    <div>
      <button id="btn">click</button>
    </div>
  );
}

يمكنك استخدام jest الى جانب enzyme للضغط على الزر

import React from 'react';
import { shallow } from 'enzyme';
import Test from './Test';

it('click btn', () => {
  const wrapper = shallow(<Test />);//استخدام المكون

  const button = wrapper.find('#btn');//تحديد الزر
  button.simulate('click');//محاكات الضغط
});

 

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...