rule-frontend-tests
CommunityStandardize frontend tests with guardrails.
Authorbtabaska
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Establishes and enforces consistent frontend testing practices across the codebase, reducing flaky tests and improving accessibility, reliability, and maintainability.
Core Features & Use Cases
- Jest as the default test runner and @testing-library/react for component rendering to ensure uniform testing patterns.
- Always include an accessibility scan using jest-axe in every component test and enforce a no-violations standard.
- Pair selective snapshot tests with behavioral tests to avoid brittle snapshots while validating UI behavior.
- Use shared mocks and fixtures to standardize test doubles and reduce duplication across test suites.
- Promote role-based queries, waitFor for asynchronous state, and clear test organization to improve test robustness.
Quick Start
Configure the repository to enforce or adopt these frontend test conventions across new and existing tests.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: rule-frontend-tests Download link: https://github.com/btabaska/simpler-grants-documentation-automation/archive/main.zip#rule-frontend-tests Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.