What is the Testing Trophy philosophy?

The Testing Trophy is a strategy that prioritizes integration tests for the best balance of confidence and speed, supported by a foundation of static analysis and unit tests, topped with targeted E2E tests.

What is the AAA pattern?

AAA stands for Arrange, Act, and Assert. it is a pattern for organizing test code into three distinct sections to improve readability and ensure each test has a clear purpose.

How does it handle API and database mocking?

It provides recipes for using Mock Service Worker (MSW) to intercept network requests and strategies for managing database state in integration tests using cleanup hooks and test containers.

Which testing frameworks are covered?

The skill focuses on modern, industry-standard tools including Vitest for unit and integration testing, Playwright for E2E and visual regression, and MSW for network mocking.

Does this skill support React testing?

Yes, it includes detailed patterns for React Testing Library, emphasizing queries based on accessibility roles to ensure your tests resemble how users interact with your app.

Full-Stack Testing Patterns

Name: Full-Stack Testing Patterns
Author: organvm-iv-taxis

byorganvm-iv-taxis

•

安全与测试

Implements robust testing strategies across the full stack using modern frameworks and best practices like the Testing Trophy.

This skill provides a comprehensive framework for writing effective tests at every level of the software development lifecycle. It guides developers through the 'Testing Trophy' philosophy, balancing static analysis, unit tests, integration tests, and E2E flows to build high-confidence applications. By focusing on user-centric testing rather than implementation details, it helps create maintainable suites using industry-standard tools like Vitest, Playwright, React Testing Library, and Mock Service Worker (MSW). It includes specific patterns for the AAA (Arrange, Act, Assert) structure, API mocking, database integration, and CI/CD automation.

主要功能

01Standardized AAA (Arrange, Act, Assert) patterns for clean and readable tests.

022 GitHub stars

03E2E automation and visual regression patterns using Playwright and Page Object Models.

04Comprehensive React component testing strategies using accessible query priorities.

05Implementation of the Testing Trophy philosophy for balanced, high-ROI test suites.

06Advanced mocking recipes for APIs, databases, and external modules using MSW and Vitest.

使用场景

01Establishing a professional-grade testing foundation for new TypeScript or React projects.

02Refactoring fragile test suites to focus on user behavior and accessible interactions.

03Automating quality assurance by integrating test coverage and execution into CI/CD pipelines.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add organvm-iv-taxis/a-i--skills testing-patterns

For use in Claude.ai and ChatGPT

Download Skill