Menu
Basic Vitest module mocking pattern with vi.mock.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Create or update custom React hooks with clear API design, TypeScript-friendly patterns, and test-first workflow. Use when the user asks to make/build/create/modify a custom hook, refactor hook logic, or add/update hook tests.
Write and maintain unit tests with Vitest. Test titles MUST be English `it('should ...')` strings. Use when adding or updating unit tests, improving test coverage, or handling unavoidable coverage gaps with documented ignore comments.
Keep real exports and override only selected functions in Vitest.
Mocking patterns for Vitest unit tests. Read this only when mocking is required.
| name | unit-test-module-mocking |
| description | Basic Vitest module mocking pattern with vi.mock. |
import { vi } from 'vitest'vi.mock('./some-module', () => ({
namedExport: vi.fn(),
default: { foo: vi.fn() },
}))
After the real import runs, use vi.mocked(namedExport) for typing, or assert with expect(namedExport).toHaveBeenCalled().