Does it support coverage reporting?

Yes, it includes configuration examples for the v8 coverage provider and instructions on how to generate HTML or text-based coverage reports.

Can I use this skill to mock external dependencies?

Absolutely. It includes patterns for module mocking using vi.mock and factory functions to create reusable, typed mock objects for complex dependencies.

How do I run specific tests using this skill?

You can use the command 'nlx vitest run' followed by a file path or use the '-t' flag followed by a test name pattern to execute specific tests.

Does this skill support React component testing?

Yes, it provides guidance for testing React components using the jsdom environment and includes patterns for managing DOM-based assertions.

How does it handle state cleanup between tests?

The skill promotes the use of the afterEach() hook to reset mocks, clear storage, and restore timers, ensuring each test runs in a clean, isolated environment.

Vitest v4 Testing Suite

Name: Vitest v4 Testing Suite
Author: sablier-labs

bysablier-labs

•

セキュリティとテスト

Provides comprehensive Vitest v4 guidance for TypeScript and React/Next.js projects to help users write, debug, and maintain high-quality tests.

概要

The Vitest v4 skill equips developers with expert knowledge for testing modern TypeScript applications, specifically focusing on React and Next.js environments. It streamlines the testing lifecycle by offering standardized patterns for test organization, advanced mocking strategies for modules and timers, and efficient debugging workflows for asynchronous failures. Whether you are setting up a jsdom environment, implementing factory mock patterns, or analyzing test coverage, this skill ensures your test suite is robust, maintainable, and free from common issues like state bleeding.

主な機能

5 GitHub stars
Comprehensive Vitest v4 command and configuration guidance
Integrated code coverage analysis and reporter setup
Advanced mocking patterns for modules, timers, and browser APIs
Detailed debugging strategies for async timeouts and failing tests
Standardized test organization and project-specific cleanup patterns

ユースケース

Setting up shared test configuration and global mocks in a monorepo
Implementing unit and component tests for React/Next.js applications
Debugging complex test failures involving state bleeding or async operations

概要

主な機能

5 GitHub stars
Comprehensive Vitest v4 command and configuration guidance
Integrated code coverage analysis and reporter setup
Advanced mocking patterns for modules, timers, and browser APIs
Detailed debugging strategies for async timeouts and failing tests
Standardized test organization and project-specific cleanup patterns

ユースケース

Setting up shared test configuration and global mocks in a monorepo
Implementing unit and component tests for React/Next.js applications
Debugging complex test failures involving state bleeding or async operations