accelint-react-testing

Audit React Testing Library tests for accessibility and anti-patterns.

Updated Mar 24, 2026
One-click install
npx skills add https://github.com/Ahnd6474/Jakal-flow --skill accelint-react-testing-ahnd6474
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accelint-react-testing
Source: https://github.com/Ahnd6474/Jakal-flow/tree/main/.skill-staging/skills/accelint-react-testing
Command: npx skills add https://github.com/Ahnd6474/Jakal-flow --skill accelint-react-testing-ahnd6474

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill removes guesswork from React component testing by providing accessibility-first guidance, anti-pattern detection, and standardized reporting so teams can write robust, user-centric tests that survive refactors and avoid flaky behavior.

Core Features & Use Cases

  • Guidance & Rules: Concise best-practice rules for query priority, async testing, user-event usage, custom render patterns, and common anti-patterns.
  • Audit Scripts: Shell scripts to detect getByTestId, fireEvent usage, container/wrapper queries, and other deprecated patterns in .test.tsx/.spec.tsx files.
  • References & Templates: Ready-to-use test-utils templates, focused reference docs for specific patterns, and a structured report template for code reviews and audits.
  • Use Cases: Code review automation, test-suite health checks, onboarding guidance for new contributors, and pre-merge audit checks for accessibility regressions.

Quick Start

Ask the skill to audit your tests directory and produce an executive report with prioritized findings and concrete remediation recommendations.

Frequently Asked Questions about accelint-react-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit React Testing Library tests for accessibility and anti-patterns?

To audit React Testing Library tests for accessibility, shell scripts scan .test.tsx and .spec.tsx files to detect getByTestId, container queries, and fireEvent usage, then produce categorized findings with remediation guidance for user-centric testing.

What is the correct query priority for React Testing Library components?

Query priority in React Testing Library prioritizes accessible queries like getByRole over getByTestId. This Skill provides concise best-practice rules and audit scripts that detect deprecated query patterns to ensure robust tests.

Should I use fireEvent or user-event for realistic user interactions in RTL tests?

You should use user-event for realistic user interactions in RTL tests. This Skill detects fireEvent usage and provides guidance on user-event best practices to help teams write reliable tests that avoid flaky behavior.

Does this React testing audit work with Jest or Vitest environments?

This React testing audit works with projects using @testing-library/react in both Jest and Vitest environments, scanning .test.tsx and .spec.tsx files to identify missing provider setups and wrapper anti-patterns.

Why do my React Testing Library async tests fail or behave flaky?

React Testing Library async tests fail or behave flaky due to improper async handling. This Skill audits async testing patterns and provides standardized reporting with concrete recommendations to eliminate flaky behavior.

How do I set up custom render patterns with providers in React Testing Library?

To set up custom render patterns with providers in React Testing Library, use the provided test-utils templates. The audit detects missing provider setups and wrapper container anti-patterns, offering ready-to-use templates for correct implementation.