How does this skill organize test files?

It places test files inside __tests__ directories located adjacent to the source code, using .test.jsx for components and .test.js for services.

Does it enforce a specific testing methodology?

Yes, it promotes the Arrange-Act-Assert (AAA) pattern to ensure tests are structured logically and are easy to maintain.

Which testing framework does this skill support?

It is specifically optimized for Jest, providing standardized boilerplate for describe, test, and beforeEach blocks.

Can it help with test cleanup?

Yes, the skill includes best practices for cleaning up mocks in beforeEach/afterEach blocks to prevent state pollution between tests.

Test Organization & Patterns

Name: Test Organization & Patterns
Author: retex73

byretex73

0•

セキュリティとテスト

Enforces standardized test file structures, naming conventions, and Jest implementation patterns for JavaScript and React projects.

This skill streamlines the testing workflow within the music-app project by establishing a consistent hierarchy for unit and integration tests. It provides Claude with specific rules for locating test files within dedicated __tests__ directories, following naming conventions for components and services, and implementing a standardized Arrange-Act-Assert structure using Jest. By automating these patterns, the skill ensures high code quality and maintainability across the frontend and service layers, helping developers avoid implementation-detail testing and promoting clean setup and teardown practices.

主な機能

010 GitHub stars

02Arrange-Act-Assert (AAA) pattern enforcement

03Automated mock clearing and lifecycle best practices

04Standardized __tests__ directory placement adjacent to source

05Consistent file naming for JSX components and JS services

06Pre-configured Jest boilerplate with nested describe blocks

ユースケース

01Standardizing test folder architecture across a large codebase

02Generating new unit tests for React UI components

03Refactoring service-layer logic tests for better readability

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add retex73/music-app test-organization

For use in Claude.ai and ChatGPT

主な機能

010 GitHub stars

02Arrange-Act-Assert (AAA) pattern enforcement

03Automated mock clearing and lifecycle best practices

04Standardized __tests__ directory placement adjacent to source

05Consistent file naming for JSX components and JS services

06Pre-configured Jest boilerplate with nested describe blocks

ユースケース

01Standardizing test folder architecture across a large codebase

02Generating new unit tests for React UI components

03Refactoring service-layer logic tests for better readability

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add retex73/music-app test-organization

For use in Claude.ai and ChatGPT