vitest-testing-expert

Optimize Vitest testing workflows for Vite-powered projects.

Updated Jan 17, 2026
One-click install
npx skills add https://github.com/VanhPoker/VietNamLookmaxing --skill vitest-testing-expert-vanhpoker
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vitest-testing-expert
Source: https://github.com/VanhPoker/VietNamLookmaxing/tree/main/.agent/skills/vitest-expert
Command: npx skills add https://github.com/VanhPoker/VietNamLookmaxing --skill vitest-testing-expert-vanhpoker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Vitest Testing Expert helps teams overcome the complexity of configuring Vitest with Vite, migrating from Jest, and mastering browser-mode testing to achieve faster, more reliable test runs.

Core Features & Use Cases

  • Vite Integration & Configuration: guidance on configuring Vitest with Vite, including pool configuration, transforms, HMR integration, and multi-project setups.
  • Jest Migration & API Compatibility: strategies for migrating from Jest to Vitest, API compatibility considerations, and updated mocking patterns.
  • Browser Mode Testing: guidance on enabling and optimizing real-browser test environments (Playwright/WebDriver) for React, Vue, and other frameworks.
  • Performance Optimization: tips for pools, isolation settings, dependency optimization, and test parallelism to improve startup time and throughput.
  • Workspace & Monorepo Support: patterns for multi-project configurations and shared Vitest tooling in monorepos.
  • Diagnostic & Troubleshooting: commands and checks to validate environment, config, and project health.
  • Advanced Configuration Patterns: example configs showing multi-environment or advanced pool and reporter setups.

Quick Start

Configure Vitest in your Vite project and start a browser-mode test suite with migrating patterns in mind.

Frequently Asked Questions about vitest-testing-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate from Jest to Vitest without breaking my existing test suite?

Migrating from Jest to Vitest involves updating API compatibility and mocking patterns. You can replace Jest globals with Vitest equivalents and adapt `vi.mock` to achieve faster ESM-native test runs without breaking existing logic.

What is the best way to configure Vitest browser mode for React and Vue components?

Vitest browser mode setup requires configuring real-browser test environments using Playwright or WebDriver. This enables direct DOM testing for React, Vue, and other frameworks, providing reliable UI integration validations.

Why is my Vitest startup time slow and how can I optimize pool configuration?

Slow Vitest startup time is often caused by unoptimized pool configuration. You can improve throughput and startup by tuning pools, isolation settings, dependency optimization, and test parallelism for your specific Vite project.

Can I use Vitest to run multi-environment tests in a monorepo workspace?

Vitest supports multi-project configurations for monorepos through workspace setups. You can apply shared Vitest tooling, define multi-environment testing practices, and configure advanced reporter setups across all workspace packages.

Does Vitest support ESM usage and how do I handle `vi.mock` patterns?

Vitest provides native ESM support for testing workflows. You can use `vi.mock` patterns to mock dependencies directly within your ESM modules, ensuring accurate transform and HMR integration during Vite-powered test execution.