Can I use this for E2E testing?

No, this skill is focused exclusively on unit and integration testing. It does not support E2E frameworks like Playwright or Cypress.

Which testing frameworks does this skill support?

This skill is specifically optimized for Vitest and React Testing Library (RTL) within a TypeScript environment, utilizing jsdom and nock.

Does it handle API mocking?

Yes, it provides standardized patterns for mocking API services, external dependencies, and Next.js navigation hooks to isolate component behavior.

What are the coverage goals for generated tests?

The skill aims for 100% function and statement coverage, and at least 95% branch and line coverage for every file it processes.

How does it handle large directories or complex components?

It follows a strict incremental workflow, ordering files by complexity and verifying each test passes before moving to the next file to ensure stability.

Frontend Testing Expert

Name: Frontend Testing Expert
Author: spagett1maker

byspagett1maker

セキュリティとテスト

Generates high-quality Vitest and React Testing Library tests for frontend components, hooks, and utilities following best practices.

概要

This skill empowers Claude to create comprehensive, production-grade test suites for React-based frontends. It is specifically designed to handle the complexities of modern UI testing by implementing the Arrange-Act-Assert (AAA) pattern and black-box testing methodologies. Whether you are building simple utility functions or complex components with API dependencies, this skill ensures high code coverage and reliability through an incremental workflow that validates each test before proceeding, making it an essential tool for maintaining robust frontend codebases.

主な機能

Incremental testing workflow for complex multi-file directories
0 GitHub stars
Component complexity analysis and refactoring recommendations
Automated Vitest and React Testing Library (RTL) spec generation
Sophisticated mocking strategies for API services and Next.js navigation
Comprehensive coverage for unit, integration, and edge-case scenarios

ユースケース

Generating spec files for new custom hooks and utility functions
Improving test coverage for existing React component libraries
Reviewing and refactoring existing test suites for better reliability and performance

概要

主な機能

Incremental testing workflow for complex multi-file directories
0 GitHub stars
Component complexity analysis and refactoring recommendations
Automated Vitest and React Testing Library (RTL) spec generation
Sophisticated mocking strategies for API services and Next.js navigation
Comprehensive coverage for unit, integration, and edge-case scenarios

ユースケース

Generating spec files for new custom hooks and utility functions
Improving test coverage for existing React component libraries
Reviewing and refactoring existing test suites for better reliability and performance