# Af Write Rtl Tests

> Write React Testing Library component tests for UI behaviour and accessibility. Use when testing component interactions, verifying accessibility requirements, or validating design contracts from Storybook.

- Skill: `majiayu000/af-write-rtl-tests` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/af-write-rtl-tests`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/af-write-rtl-tests/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/af-write-rtl-tests

---


# RTL Component Tests

## What to read

**When RTL tests are written (Refinement phase, before engineering):**
→ [testing-guide.md#test-writing-timeline](../../docs/guides/testing-guide.md#test-writing-timeline)

**React component testing patterns with RTL:**
→ [testing-guide.md#react-component-testing](../../docs/guides/testing-guide.md#react-component-testing)

**RTL workflow, selector contracts, and component behavior specs:**
→ [af-configure-test-frameworks/SKILL.md](../af-configure-test-frameworks/SKILL.md) — see "Workflow: Writing RTL Component Tests"

**UX design flow and Storybook integration:**
→ [af-design-ui-components/SKILL.md](../af-design-ui-components/SKILL.md) — see "Stage 4: Behavior Locked with Tests"