vitest-best-practices
Use when writing, modifying, reviewing, or debugging Vitest tests, test configuration, mocks, spies, fixtures, setup files, coverage, test projects, async…
Skill by Jack-WebDev
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/jack-webdev-vitest-best-practices
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend, testing, writing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/vitest-best-practices
What's inside
- Skill name
vitest-best-practices- Description
- Use when writing, modifying, reviewing, or debugging Vitest tests, test configuration, mocks, spies, fixtures, setup files, coverage, test projects, async tests, or testing TypeScript and React code with Vitest.
- License
- MIT
- Instructions
- 503 lines in SKILL.md · view on GitHub
Agent Skills spec issues
- body: 503 lines (spec recommends under 500)
Files (1)
- SKILL.md
SKILL.md (first lines)
# Vitest
Use this skill whenever working with `vitest`.
## Core Principles
Write tests that are:
- Easy to understand
- Independent
- Deterministic
- Focused on behavior
- Fast enough to run frequently
- Resistant to implementation-detail refactors
Prefer simple tests over clever test infrastructure.
Test observable behavior, not internal implementation details.
## Before Writing Tests
Inspect the project first.
Check:
- installed Vitest version
- existing `vitest.config.*`
- test naming/location conventions
- test environment
- setup files
- existing test utilities
- mocking conventions
- React Testing Library usage
- monorepo/test project configuration
- coverage configuration
Follow established good patterns, but do not reproduce poor testing practices simply for consistency.
Do not blindly use APIs from a newer Vitest version.
## Test Structure
Prefer:
```ts
describe("calculateTotal", () => {
it("returns the total price of all items", () => {
const result = calculateTotal([
{ price: 10 },
{ price: 20 },
])
expect(result).toBe(30)
})
})
```
Test names should describe behavior.
Good:
```ts
it("rejects an order when the customer has insufficient credit")
```
Avoid vague names:
```ts
it("works")
it("test order")
it("handles case")
```
Use Arrange / Act / Assert conceptually, but do not add comments for obvious sections unless they improve readability.
## Test Behavior, Not Implementation
Prefer testing:
```ts
expect(result).toEqual(expectedResult)
```
over asserting internal calls that users or consumers do not care about.
Avoid testing:
- private implementation details
- internal variable values
- exact internal function-call sequences
- framework internals
unless those interactions are genuinely part of the contract being tested.
Tests should survive reasonable internal refactoring.
## Test One Behavior
A test should normally verify one coherent behavior.
It may contain multiple assertions when they all describe the same outcome.
Good:
```ts
expect(user.name).toBe("Jack")
expect(user.active).toBe(true)
```
Do not mechanically force one assertion per test.
Also avoid one enormous test that covers many unrelated scenarios.
## Inputs and Edge Cases
Test meaningful boundaries.
For a function like:From Jack-WebDev/skills, MIT.
More from Jack-WebDev/skills
- 0.565score
branch-name
Jack-WebDev
Generate one concise Git branch name based on the actual changes made.
SkillAFreshness: AClaude Code +9 - 0.565score
single-commit-message
Jack-WebDev
Generate one clear commit message based on the actual changes made.
SkillAFreshness: AClaude Code +9 - 0.561score
typescript-best-practices
Jack-WebDev
Apply version-aware TypeScript practices when implementing, reviewing, or refactoring TypeScript or TSX code in any application or library.
SkillAFreshness: AClaude Code +9 - 0.561score
react-best-practices
Jack-WebDev
Apply version-aware React practices when implementing, reviewing, or refactoring components, hooks, and application UI while preserving the project's…
SkillAFreshness: AClaude Code +9 - 0.561score
tanstack-router-best-practices
Jack-WebDev
Apply TanStack Router best practices when creating, modifying, reviewing, or debugging routes, navigation, search params, loaders, route context…
SkillAFreshness: AClaude Code +9 - 0.561score
golang-best-practices
Jack-WebDev
Apply idiomatic Go best practices when writing, reviewing, refactoring, or designing Go code.
SkillAFreshness: AClaude Code +9 - 0.561score
layman-it
Jack-WebDev
Rewrite comments, documentation, explanations, PR text, TODOs, and other developer-facing text in simple language that a non-expert can understand.
SkillAFreshness: AClaude Code +9 - 0.561score
code-engineering
Jack-WebDev
Apply general production engineering standards when implementing, fixing, reviewing, or refactoring code in any language or framework.
SkillAFreshness: AClaude Code +9 - 0.555score
tanstack-query-best-practices
Jack-WebDev
Use when writing, modifying, reviewing, or debugging TanStack Query code, including queries, mutations, query keys, caching, invalidation, prefetching…
SkillAFreshness: AClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 3, 2026 (26 days ago)
- Last release
- Oct 3, 2026 (26 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/Jack-WebDev/skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Jack-WebDev
- 0.565score
branch-name
Jack-WebDev
Generate one concise Git branch name based on the actual changes made.
SkillAFreshness: AClaude Code +9 - 0.565score
single-commit-message
Jack-WebDev
Generate one clear commit message based on the actual changes made.
SkillAFreshness: AClaude Code +9 - 0.561score
typescript-best-practices
Jack-WebDev
Apply version-aware TypeScript practices when implementing, reviewing, or refactoring TypeScript or TSX code in any application or library.
SkillAFreshness: AClaude Code +9 - 0.561score
react-best-practices
Jack-WebDev
Apply version-aware React practices when implementing, reviewing, or refactoring components, hooks, and application UI while preserving the project's…
SkillAFreshness: AClaude Code +9 - 0.561score
tanstack-router-best-practices
Jack-WebDev
Apply TanStack Router best practices when creating, modifying, reviewing, or debugging routes, navigation, search params, loaders, route context…
SkillAFreshness: AClaude Code +9 - 0.561score
golang-best-practices
Jack-WebDev
Apply idiomatic Go best practices when writing, reviewing, refactoring, or designing Go code.
SkillAFreshness: AClaude Code +9
Cite this page
vitest-best-practices skill. Agent Mart. https://agentmart.dev/skills/jack-webdev-vitest-best-practices (last updated 2026-10-24)