Does this skill help with test coverage?

Yes, it includes strategies for achieving meaningful coverage (typically 70-80%) and provides YAML configurations for automated reporting via GitHub Actions and Codecov.

What is the 'Testing Trophy' approach?

It is a philosophy that focuses on integration tests for the best balance of speed and confidence, supported by a foundation of static analysis and unit tests, with a smaller number of E2E tests at the top.

What testing frameworks does this skill support?

It specifically focuses on modern tools like Vitest for unit/integration testing and Playwright for E2E, though the patterns are highly adaptable to Jest, Cypress, and other JavaScript frameworks.

How does it handle external API dependencies in tests?

It advocates for the Mock Service Worker (MSW) pattern to intercept network requests at the network level, providing a more realistic and maintainable alternative to manual fetch mocking.

Testing Patterns & Best Practices

Name: Testing Patterns & Best Practices
Author: organvm-iv-taxis

byorganvm-iv-taxis

•

Seguridad y Pruebas

Implements comprehensive testing strategies across the full stack using modern frameworks like Vitest, Playwright, and React Testing Library.

This skill provides Claude with a standardized framework for architecting and writing high-quality tests based on the 'Testing Trophy' philosophy. It offers clear implementation patterns for unit testing with the AAA (Arrange-Act-Assert) structure, component testing through React Testing Library, and end-to-end automation with Playwright. By leveraging these patterns, developers can ensure robust code coverage, manage complex mocking with MSW, and integrate automated quality gates into their CI/CD pipelines, resulting in more resilient and maintainable software applications.

Características Principales

01Full-stack testing coverage including Unit, Integration, E2E, and Visual Regression

02Automated CI/CD integration templates for GitHub Actions and coverage reporting

03Sophisticated mocking strategies using Vitest, vi.mock, and Mock Service Worker (MSW)

042 GitHub stars

05Standardized AAA (Arrange-Act-Assert) pattern for clean and readable test code

06Accessible query prioritization (Role, Label, Text) for resilient UI testing

Casos de Uso

01Implementing visual regression and E2E flows to prevent UI regressions in production

02Refactoring legacy codebases using a Test-Driven Development (TDD) workflow

03Establishing a new testing architecture for a TypeScript or React project

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

Características Principales

01Full-stack testing coverage including Unit, Integration, E2E, and Visual Regression

02Automated CI/CD integration templates for GitHub Actions and coverage reporting

03Sophisticated mocking strategies using Vitest, vi.mock, and Mock Service Worker (MSW)

042 GitHub stars

05Standardized AAA (Arrange-Act-Assert) pattern for clean and readable test code

06Accessible query prioritization (Role, Label, Text) for resilient UI testing

Casos de Uso

01Implementing visual regression and E2E flows to prevent UI regressions in production

02Refactoring legacy codebases using a Test-Driven Development (TDD) workflow

03Establishing a new testing architecture for a TypeScript or React project