Can I use this for monorepos?

Yes, it includes detailed workspace configuration strategies (vitest.workspace.ts) for managing and running tests across multiple projects within a single repository.

How does this skill help with Vite integration?

It provides patterns for merging Vitest settings with existing Vite configurations, ensuring shared aliases and plugins work seamlessly across development and testing.

How can I improve test execution speed?

The skill offers performance optimization tips, including thread pool management, isolation settings, and file parallelism to maximize system resource usage.

What coverage providers are supported?

It supports both V8 and Istanbul coverage providers, including setup for thresholds, multi-format reporters (HTML, LCOV), and file exclusion patterns.

Does it support browser-based testing?

Absolutely. It covers browser mode setup using Playwright and provides configurations for JSDOM, Happy DOM, and custom environments.

Vitest Configuration & Setup

Name: Vitest Configuration & Setup
Author: TheBushidoCollective

byTheBushidoCollective

•

Security & Testing

Configures Vitest environments, workspace settings, and coverage providers for high-performance TypeScript testing.

Vitest Configuration is a comprehensive skill designed to streamline the setup and optimization of Vitest within modern web development projects. It provides specialized guidance on integrating with Vite, managing multi-project workspaces, and configuring diverse test environments like JSDOM and Happy DOM. By leveraging this skill, developers can implement robust coverage thresholds, optimize thread pools for performance, and resolve complex module aliasing issues, ensuring a reliable and fast testing infrastructure for both unit and integration tests.

Key Features

01Performance tuning via thread pool and isolation settings

02Advanced coverage reporting with V8 and Istanbul providers

0395 GitHub stars

04Browser mode configuration using Playwright or WebDriverIO

05Seamless Vite integration and configuration merging

06Multi-project workspace setup for monorepo architectures

Use Cases

01Setting up comprehensive test coverage and CI/CD reporting for TypeScript projects

02Configuring custom test environments and global setup files for React or Vue applications

03Migrating existing Jest configurations to high-speed Vitest environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add thebushidocollective/han vitest-configuration

For use in Claude.ai and ChatGPT

Download Skill