Does this skill support both Jest and Vitest?

Yes, it provides optimized configuration and implementation patterns for both Jest and Vitest frameworks, including TypeScript support.

Does it help with Test-Driven Development (TDD)?

Yes, the skill is designed to guide you through TDD and BDD workflows, helping you write tests before or alongside your implementation logic.

Can I use this for frontend component testing?

Absolutely. It includes patterns compatible with Testing Library for React, Vue, and other modern frontend frameworks to test user flows.

Can it set up test coverage reporting?

Yes, the provided configurations include settings for code coverage thresholds (v8/Istanbul) and reporting formats like HTML and JSON.

How does it handle API mocking?

It utilizes best practices for mocking the global fetch API and module-level dependencies to ensure tests remain isolated from external network calls.

JavaScript Testing Patterns

Name: JavaScript Testing Patterns
Author: HermeticOrmus

byHermeticOrmus

0•

安全与测试

Implements robust testing strategies using Jest and Vitest to ensure high-quality, bug-free JavaScript and TypeScript codebases.

This Claude Code skill provides a comprehensive toolkit for implementing professional-grade testing in JavaScript and TypeScript environments. It streamlines the creation of unit, integration, and end-to-end tests by offering proven patterns for mocking modules, handling asynchronous operations, and utilizing dependency injection. Whether you are setting up test infrastructure for a new project or maintaining complex legacy suites, this skill ensures industry best practices are followed across Jest, Vitest, and Testing Library workflows to improve code reliability and maintainability.

主要功能

01Support for modern testing frameworks like Jest and Vitest

02Dependency injection patterns to facilitate isolated unit testing

03Robust asynchronous testing patterns for complex promise-based workflows

04Predefined patterns for testing pure functions and class-based services

05Advanced mocking techniques for modules, APIs, and external dependencies

060 GitHub stars

使用场景

01Setting up full-stack test infrastructure for new TypeScript projects

02Mocking complex API responses and third-party services like nodemailer or databases

03Refactoring legacy code by implementing Test-Driven Development (TDD) workflows

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/floraheritage javascript-testing-patterns

For use in Claude.ai and ChatGPT

Download Skill