Home / kunanonj / ai-skills-hub · .agents/skills/react-testing/SKILL.md · GitHub

react-testing skillA

This file is byte-identical to the first copy the registry indexed. Same content hash, same audit grade.

react-testing is agent-read markdown (skill) from kunanonj/ai-skills-hub: React component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with axe, and the decision boundary between component tests and Playwright/Cypress end-to-end runs. Use when writing or fixing tests for React components, hooks, or pages..

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# React Testing

Comprehensive React testing patterns for behavior-focused component tests, custom hook tests, accessibility assertions, and network-level mocking.

## When to Activate

- Writing tests for React components, custom hooks, or pages
- Adding test coverage to legacy untested components
- Migrating from Enzyme or class-component-era patterns to React Testing Library
- Setting up Vitest or Jest for a new React project
- Mocking HTTP requests in tests
- Asserting accessibility violations
- Deciding which tests belong in RTL vs Playwright Component Testing vs full E2E

## Core Principle

Test what the user sees and does, not implementation details.

A test should:

- Render the component with the same providers it has in production
- Interact with it via accessible queries (role, label) and `userEvent`
- Assert visible output and observable side effects (callback fired, request sent)

A test should NOT:

- Inspect component state, props passed to children, or which hooks were called
- Mock React itself or framework hooks
- Assert on the number of renders or DOM structure beyond what affects users

## Library Choice

| Runner | When | Note |
|---|---|---|
…

Read the whole file at its exact version.

How to install

Latest version
mdr add kunanonj/ai-skills-hub/react-testing@git:20260628.caecf60
Exact content
mdr add kunanonj/ai-skills-hub/react-testing@sha256:82ecdce94f7f058e

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_z5qwmzvm3hyfrjtt.svg)](https://markdownregistry.com/a/art_z5qwmzvm3hyfrjtt)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260628.caecf60 latest2026-06-28 caecf60 13,156 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (13156 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

kunanonj/ai-skills-hub · 5 stars · license MIT · pushed 2026-09-14 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_z5qwmzvm3hyfrjtt
GET https://markdownregistry.com/api/v1/resolve?ref=kunanonj/ai-skills-hub/react-testing
GET https://markdownregistry.com/api/v1/blob/82ecdce94f7f058e1e44bcf0cdfa67fd48f15106afec854a54b81c61d6f59771

Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

More from kunanonj/ai-skills-hub

analyze-codebase-for-mcp skill
kunanonj/ai-skills-hub · .agents/skills/analyze-codebase-for-mcp/SKILL.md · Analyze an arbitrary codebase to identify functions, APIs, and data sources suitable for exposure as MCP tools…
v1.0 · audit A · 5 stars
api-analyzer skill
kunanonj/ai-skills-hub · .agents/skills/api-analyzer/SKILL.md · Validates whether an API request is correct based on provided inputs (method, URL, headers, body, auth, query params)…
v1.0 · audit A · 5 stars
api-design-principles skill
kunanonj/ai-skills-hub · .agents/skills/api-design-principles/SKILL.md · Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight…
git:20260628.caecf60 · audit A · 5 stars
api-documentation-generator skill
kunanonj/ai-skills-hub · .agents/skills/api-documentation-generator/SKILL.md · Generate comprehensive, developer-friendly API documentation from code, including endpoints, parameters, examples, and…
git:20260628.caecf60 · audit A · 5 stars
api-security-best-practices skill
kunanonj/ai-skills-hub · .agents/skills/api-security-best-practices/SKILL.md · Implement secure API design patterns including authentication, authorization, input validation, rate limiting, and…
git:20260628.caecf60 · audit A · 5 stars
architecture-decision-records skill
kunanonj/ai-skills-hub · .agents/skills/architecture-decision-records/SKILL.md · Comprehensive patterns for creating, maintaining, and managing Architecture Decision Records (ADRs) that capture the…
git:20260628.caecf60 · audit A · 5 stars
architecture-patterns skill
kunanonj/ai-skills-hub · .agents/skills/architecture-patterns/SKILL.md · Master proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Driven…
git:20260628.caecf60 · audit A · 5 stars
backend-api-design skill
kunanonj/ai-skills-hub · .agents/skills/backend-api-design/SKILL.md · Design RPC-style APIs with layered architecture (Controller → Manager → Repository). Use when creating new API…
git:20260628.caecf60 · audit A · 5 stars
backend-dev-guidelines skill
kunanonj/ai-skills-hub · .agents/skills/backend-dev-guidelines/SKILL.md · You are a senior backend engineer operating production-grade services under strict architectural and reliability…
git:20260628.caecf60 · audit A · 5 stars
backend-security-coder skill
kunanonj/ai-skills-hub · .agents/skills/backend-security-coder/SKILL.md · Expert in secure backend coding practices specializing in input validation, authentication, and API security. Use…
git:20260628.caecf60 · audit A · 5 stars
browser-screenshot-diff skill
kunanonj/ai-skills-hub · .agents/skills/browser-screenshot-diff/SKILL.md · Visual + DOM diff between two recorded sessions at matching trajectory step ids; used for visual regression and replay…
git:20260628.caecf60 · audit A · 5 stars
browser-testing-with-devtools skill
kunanonj/ai-skills-hub · .agents/skills/browser-testing-with-devtools/SKILL.md · Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use…
git:20260628.caecf60 · audit B · 5 stars

Every file in kunanonj/ai-skills-hub

Other files named react-testing

react-testing skill
affaan-m/ecc · .kiro/skills/react-testing/SKILL.md · React component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with…
git:20260607.4ad5756 · audit A · 266,832 stars
react-testing skill
fusengine/agents · plugins/react-expert/skills/react-testing/SKILL.md · Testing Library for React 19 - render, screen, userEvent, waitFor, Suspense. Use when writing tests for React…
git:20260904.5f1d30f · audit A · 28 stars

Browse by kind, by grade A, or by owner.