React Testing Library Skill

SkillDev tools

React Testing Library patterns, queries, user events, and accessibility testing.

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the React Testing Library Skill skill

What this skill tells your AI

The instructions your AI receives, as published by a5c-ai/babysitter in library/specializations/web-development/skills/react-testing-library/SKILL.md and read by ahel’s review.

Expert assistance for testing React components.

Capabilities

Write user-centric tests
Use proper queries
Handle async operations
Test accessibility
Mock dependencies

Test Patterns

import { render, screen, waitFor } from '@testing-library/react';
import userEvent from '@testing-library/user-event';

describe('LoginForm', () => {
  it('should submit form with valid data', async () => {
    const onSubmit = vi.fn();
    const user = userEvent.setup();

    render(<LoginForm onSubmit={onSubmit} />);

    await user.type(screen.getByLabelText(/email/i), 'test@example.com');
    await user.type(screen.getByLabelText(/password/i), 'password123');
    await user.click(screen.getByRole('button', { name: /sign in/i }));

    await waitFor(() => {
      expect(onSubmit).toHaveBeenCalledWith({
        email: 'test@example.com',
        password: 'password123',
      });
    });
  });
});

Query Priority

getByRole (accessibility)
getByLabelText (forms)
getByPlaceholderText
getByText
getByTestId (last resort)

Target Processes

react-testing
unit-testing
accessibility-testing

Signals

GitHub stars: 2k
Forks: 112
Last commit: Sep 2026

Advanced

Item type: skill
Key: react-testing-library
Source: github.com/a5c-ai/babysitter

github.com/a5c-ai/babysitter