Adam Ebrahim نشر 13 مايو 2021 أرسل تقرير نشر 13 مايو 2021 أقوم بالعمل على مشروع React وحاليًا على ملفات الـ testing، ولدي مكون يحتوي على رقم counter و زر لزيادة هذا الرقم، وأريد أن أعرف كيف أقوم بإختبار محاولة الضغط على هذا الزر لكي أتأكد من أن الزر يقوم بالمطلوب منه بشكل سليم (زيادة الرقم بمقدار 1). أستخدم React 17 و jest أحدث نسخة اقتباس
0 Salah Eddin Beriani2 نشر 13 مايو 2021 أرسل تقرير نشر 13 مايو 2021 بافتراض مكون بسيط 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');//محاكات الضغط }); 1 اقتباس
السؤال
Adam Ebrahim
أقوم بالعمل على مشروع React وحاليًا على ملفات الـ testing، ولدي مكون يحتوي على رقم counter و زر لزيادة هذا الرقم، وأريد أن أعرف كيف أقوم بإختبار محاولة الضغط على هذا الزر لكي أتأكد من أن الزر يقوم بالمطلوب منه بشكل سليم (زيادة الرقم بمقدار 1).
أستخدم React 17 و jest أحدث نسخة
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.