القائمة
Guidelines for frontend component and E2E testing in FinanzApp.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Mandatory rule requiring a corresponding test file for every business logic file and UI component.
Component organization and modern React principles for the FrontEnd.
Catalog of all specialized skills used across the FinanzApp project (Frontend & Backend).
Reglas obligatorias para garantizar la accesibilidad web (A11y) en FinanzApp. Sigue estándares WCAG 2.1 para usuarios con discapacidad visual y navegación por teclado.
Guidelines for cross-layer testing (Hooks + UI + Services) using real logic and MSW for network interception.
Guidelines for end-to-end testing in FinanzApp using Playwright.
| name | test |
| description | Guidelines for frontend component and E2E testing in FinanzApp. |
Quality assurance in the frontend involves checking both individual component logic and the overall user flow using Vitest and Playwright.
Unit tests for logic, hooks, and services MUST follow the nested tests/ pattern:
src/[module]/tests/[Name].test.ts(x)test-enforcement skill).src/app/ tests remain side-by-side with the page.tsx or layout.tsx.tests/integration/[module]/[Feature].test.tsx (see integration-testing skill).tests/e2e/[Feature].spec.ts (see e2e-testing skill).axe or similar tools regularly to ensure WCAG compliance (see accessibility skill)..test.ts(x) for unit/integration and .spec.ts for E2E.