Skip to content
Development
Skill

/vitest

Use when writing unit/integration tests for Vite projects - configure vitest.config.ts, write test suites with describe/it, create mock implementations with vi.fn and vi.mock, set up code coverage thresholds, and run tests in parallel

From plugin
nuxt-skills
71020 skills
Install
$ npx -y skills add onmax/nuxt-skills --skill vitest --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/vitest

Context preview

The summary Claude sees to decide when to auto-load this skill.

Use when writing unit/integration tests for Vite projects - configure vitest.config.ts, write test suites with describe/it, create mock implementations with vi.fn and vi.mock, set up code coverage thresholds, and run tests in parallel

SKILL.md

vitest.SKILL.md
name: vitest
description: Use when writing unit/integration tests for Vite projects - configure vitest.config.ts, write test suites with describe/it, create mock implementations with vi.fn and vi.mock, set up code coverage thresholds, and run tests in parallel
license: MIT

Vitest

Vite-native testing framework with Jest-compatible API.

When to Use

  • Writing unit/integration tests for Vite projects
  • Testing Vue/React/Svelte components
  • Mocking modules, timers, or dates
  • Running concurrent/parallel tests
  • Type testing with TypeScript

Quick Start

npm i -D vitest
// vitest.config.ts
import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    globals: true,
    environment: 'node',  // or 'jsdom' for DOM tests
  },
})
// example.test.ts
import { describe, expect, it, vi } from 'vitest'

describe('math', () => {
  it('adds numbers', () => {
    expect(1 + 1).toBe(2)
  })
})

Reference Files

| Task | File | | ---------------------------------------- | --------------------------------------- | | Configuration, CLI, projects | [config.md](references/config.md) | | test/describe, hooks, fixtures | [test-api.md](references/test-api.md) | | vi.fn, vi.mock, timers, spies | [mocking.md](references/mocking.md) | | expect, snapshots, coverage, filtering | [utilities.md](references/utilities.md) | | Environments, type testing, browser mode | [advanced.md](references/advanced.md) |

Loading Files

**Consider loading these reference files based on your task:**

  • [ ] [references/config.md](references/config.md) - if setting up vitest.config.ts, CLI, or workspace projects
  • [ ] [references/test-api.md](references/test-api.md) - if writing test/describe blocks, using hooks, or test fixtures
  • [ ] [references/mocking.md](references/mocking.md) - if mocking modules, timers, dates, or using spies
  • [ ] [references/utilities.md](references/utilities.md) - if writing assertions, snapshots, or configuring coverage
  • [ ] [references/advanced.md](references/advanced.md) - if configuring test environments, type testing, or browser mode

**DO NOT load all files at once.** Load only what's relevant to your current task.

Cross-Skill References

  • **Vue component testing** → Use `vue` skill for component patterns
  • **Library testing** → Use `ts-library` skill for library patterns
  • **Vite configuration** → Use `vite` skill for shared config
Read more
Ships withnuxt-skills

Vue, Nuxt, and NuxtHub skills for AI coding assistants.

Get the whole plugin
Stats
710
Stars
37
Forks
Active
Maintenance
TypeScript
Language
9h ago
Last commit
9mo ago
Created

Repo: onmax/nuxt-skills

Other skills on nuxt-skills.