skills.rest
duynhne
duynhneCOMMUNITY
Explore all skills by this author →
GitHub

vitest-testing-expert

Configures Vitest, migrates Jest tests, and sets up browser-mode testing for Vite projects.

Updated Oct 17, 2025
Search Tags:#vitest#performance optimization#monorepo#vite#browser testing#jest migration
One-click install
npx skills add https://github.com/duynhne/monitoring --skill vitest-testing-expert-duynhne
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vitest-testing-expert
Source: https://github.com/duynhne/monitoring/tree/main/.agent/skills/vitest-expert
Command: npx skills add https://github.com/duynhne/monitoring --skill vitest-testing-expert-duynhne

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves Vitest configuration, Jest migration, and browser-mode testing for Vite projects.

Core Features & Use Cases

  • Vite Integration & Configuration: Guidance on configuring Vitest with Vite, including pool tuning, transform modes, and HMR integration.
  • Jest Migration & API Compatibility: Strategies for migrating tests, replacing mocks, and adapting to Vitest APIs.
  • Browser Mode Testing & Performance: Setup for real-browser testing with Playwright/WebDriverIO and performance optimizations for large test suites.
  • Workspace & Monorepo Support: Patterns for multi-project setups and shared configuration.
  • Diagnostics & Debugging: Tools and commands to diagnose environment, configuration, and performance issues.

Quick Start

Configure vitest.config.ts for a Vite project with React and run tests to verify migration and browser mode.

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 Jest tests to Vitest in a Vite project?▼

Migrate Jest tests to Vitest by adapting mock APIs, updating configuration files, and replacing Jest-specific globals with Vitest APIs for compatibility within your Vite project structure.

How do I configure Vitest browser mode with Playwright for real-browser testing?▼

Configure Vitest browser mode by integrating Playwright or WebDriverIO to execute real-browser tests, leveraging Vite's transform modes to run tests directly in browser environments.

What is the best way to optimize Vitest performance for large monorepo test suites?▼

Optimize Vitest performance in monorepos by tuning pool options, adjusting transform modes, and using import.meta.vitest to manage large test suites across multiple workspace projects.

Can I use Vitest for multi-project testing in a monorepo setup?▼

Vitest supports monorepo testing by utilizing workspace configurations to define multi-project setups, allowing shared configurations and isolated test runs across different Vite apps.

Does Vitest work with React and Vue frameworks in the same Vite application?▼

Vitest works with React, Vue, and other frameworks within Vite-based apps, providing configuration patterns and API guidance to run tests across mixed framework environments.

Why is my Vitest configuration not picking up HMR integration and pool options correctly?▼

Vitest configuration issues with HMR integration and pool options stem from incorrect config file setups; use Vitest diagnostics tools and commands to debug environment and performance bottlenecks.

Related Skills

Explore More Software Engineering Skills→
cwijayasundaracwijayasundara
3

react-code

Guide building and testing React applications with Vite and Vitest.

Community
Intermediate
djankiesdjankies

reviewing-vitest-config

Audit Vitest 4.x configuration files for deprecated patterns and misconfigurations.

Community
Advanced
djankiesdjankies

using-browser-mode

Configure and run Vitest browser mode tests with Playwright, WebDriverIO, or Preview providers.

Community
Intermediate
jaem1n207jaem1n207
18

vitest

Write and configure Vitest unit and integration tests with mocks and coverage.

Community
Intermediate