react-frontend-unit-tester

Community

Automate React tests for components and stores.

Authorynitto
Version1.0.0
Installs0

System Documentation

What problem does it solve?

フロントエンド開発における React コンポーネントと Zustand ストアのユニットテストを体系的に実装・検証するための標準化されたワークフローを提供します。

Core Features & Use Cases

  • コンポーネントの props 検証、イベント処理、レンダリングの安定性を検証
  • Zustand ストアの state・action の挙動検証とスナップショット以外のカバレッジ拡張
  • カスタムフックのテストパターンを再利用可能な実装として適用
  • Use case: UI 変更後の回帰チェックとストアの挙動整合性の検証をサポート

Quick Start

Run a test after implementing components and stores to validate test coverage and catch regressions.

Dependency Matrix

Required Modules

vitest@testing-library/react@testing-library/jest-dom@testing-library/user-eventjsdom@vitest/ui@vitest/coverage-v8

Components

scriptsreferencesassets

💻 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: react-frontend-unit-tester
Download link: https://github.com/ynitto/sandbox/archive/main.zip#react-frontend-unit-tester

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 471,000+ vetted skills library on demand.