Skills
.Work. You
Rest

tests-components

Official

Guides high-value renderer component tests.

Software Engineering#vitest#react#ui-testing#testing-library#component-testing#renderer#user-event
AuthorESPlotter
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Helps teams validate user-visible renderer UI behavior using Testing Library, providing a consistent framework for test layout, naming, and reporting to keep component reviews fast and objective.

Core Features & Use Cases

  • Standardized file layout for renderer component tests within the renderer test tree.
  • Enforced testing conventions (getByRole/findByRole, userEvent, waitFor) and lifecycle-driven test structure.
  • Clear guidance on when to use component tests vs other test units and how to report outcomes in reviews.

Quick Start

Add renderer component tests under the renderer test tree following the file layout guidance and run npm run test:components to validate them.

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: tests-components
Download link: https://github.com/ESPlotter/ESPlotter/archive/main.zip#tests-components

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.