Skills
.Work. You
Rest

add-component-tests

Community

Write robust React component tests with ease.

Software Engineering#testing#react#jest#component tests#testing-library#jest-axe
AuthorPeterCowling
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps frontend teams avoid flaky and repetitive testing work by providing a standard approach to writing React component tests using Testing Library, Jest, and jest-axe.

Core Features & Use Cases

  • Structured Test Templates: Scaffolds a consistent test file per component named ComponentName.test.tsx.
  • Accessibility Checks: Integrates jest-axe to verify no accessibility violations.
  • Interactive & Async Scenarios: Encourages tests for rendering, user interactions, and async flows, aligning with real-world usage.

Quick Start

Create a new test file ComponentName.test.tsx in the same directory as the component, implement rendering and interaction tests using Testing Library and Jest, then run the test suite with your package manager.

Dependency Matrix

Required Modules

None required

Components

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: add-component-tests
Download link: https://github.com/PeterCowling/base-shop/archive/main.zip#add-component-tests

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.