accelint-react-testing

Expert guidance for writing maintainable, user-centric React component tests with Testing Library. Focused on query selection, accessibility-first testing, and avoiding implementation details.

Apply these thinking patterns before implementing React component tests:

Start with the Overview (AGENTS.md) Read AGENTS.md for a concise overview of all rules with one-line summaries.

يُستخدم عند كتابة اختبارات مكونات React أو مراجعتها أو إعادة هيكلتها باستخدام مكتبة الاختبار. قم بالتحميل عندما ترى ملفات render() أو screen أو fireEvent أو userEvent أو waitFor أو *.test.tsx. يغطي أولوية الاستعلام (getByRole > getByLabelText > getByText)، وأنماط الاختبار التي تركز على المستخدم، والأدوات المساعدة غير المتزامنة، والعروض المخصصة مع مقدمي الخدمة، وتأكيدات إمكانية الوصول أولاً. تشمل الكلمات الرئيسية RTL، ومكتبة الاختبار، والشاشة، وgetByRole، وfindBy، وqueryBy، وuserEvent، وwaitFor، وtoBeInTheDocument، وtest-library/react، وtest-library/user-event، وjest-dom. المصدر: gohypergiant/agent-skills.