·react-testing-patterns
</>

react-testing-patterns

تفاعل مع أنماط اختبار المكونات والربط باستخدام مكتبة الاختبار وVitest. يُستخدم عند كتابة اختبارات لمكونات React أو الخطافات المخصصة أو منطق جلب البيانات. يغطي اختبارات عرض المكونات، ومحاكاة تفاعل المستخدم، واختبار حالة عدم المزامنة، وMSW للسخرية من واجهة برمجة التطبيقات (API)، واختبار الربط باستخدام renderHook، وتأكيدات إمكانية الوصول، وإرشادات اختبار اللقطة. لا يغطي اختبارات E2E (استخدم اختبار e2e) أو فرض سير عمل TDD (استخدم سير عمل tdd).

36التثبيتات·1الرائج·@hieutrtr

التثبيت

$npx skills add https://github.com/hieutrtr/ai1-skills --skill react-testing-patterns

كيفية تثبيت react-testing-patterns

ثبّت مهارة الذكاء الاصطناعي react-testing-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/hieutrtr/ai1-skills --skill react-testing-patterns
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: hieutrtr/ai1-skills.

Prefer findBy over waitFor + getBy for elements that appear asynchronously.

Create a custom render that wraps components with required providers:

See references/component-test-template.tsx for an annotated test file template. See references/msw-handler-examples.ts for MSW handler patterns. See references/hook-test-template.tsx for hook testing patterns.

تفاعل مع أنماط اختبار المكونات والربط باستخدام مكتبة الاختبار وVitest. يُستخدم عند كتابة اختبارات لمكونات React أو الخطافات المخصصة أو منطق جلب البيانات. يغطي اختبارات عرض المكونات، ومحاكاة تفاعل المستخدم، واختبار حالة عدم المزامنة، وMSW للسخرية من واجهة برمجة التطبيقات (API)، واختبار الربط باستخدام renderHook، وتأكيدات إمكانية الوصول، وإرشادات اختبار اللقطة. لا يغطي اختبارات E2E (استخدم اختبار e2e) أو فرض سير عمل TDD (استخدم سير عمل tdd). المصدر: hieutrtr/ai1-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/hieutrtr/ai1-skills --skill react-testing-patterns
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-06
آخر تحديث
2026-03-10

Browse more skills from hieutrtr/ai1-skills

إجابات سريعة

ما هي react-testing-patterns؟

تفاعل مع أنماط اختبار المكونات والربط باستخدام مكتبة الاختبار وVitest. يُستخدم عند كتابة اختبارات لمكونات React أو الخطافات المخصصة أو منطق جلب البيانات. يغطي اختبارات عرض المكونات، ومحاكاة تفاعل المستخدم، واختبار حالة عدم المزامنة، وMSW للسخرية من واجهة برمجة التطبيقات (API)، واختبار الربط باستخدام renderHook، وتأكيدات إمكانية الوصول، وإرشادات اختبار اللقطة. لا يغطي اختبارات E2E (استخدم اختبار e2e) أو فرض سير عمل TDD (استخدم سير عمل tdd). المصدر: hieutrtr/ai1-skills.

كيف أثبّت react-testing-patterns؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/hieutrtr/ai1-skills --skill react-testing-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/hieutrtr/ai1-skills