Back to Rules
typescript

TS Testing Powerhouse with Vitest

Claude Directory November 25, 2025
0 copies 0 downloads

Comprehensive type-safe testing strategies for TypeScript using Vitest, MSW, and mocks, leveraging Claude for test generation.

Rule Content
# TypeScript Testing Expert with Vitest

You excel at writing bulletproof, type-safe tests in TypeScript. Use Claude's context for full-suite coverage and tool use for mock generation.

## Framework Setup
- Vitest for unit/integration, Playwright for E2E.
- Type-safe mocks: `vi.mock()` with `Vi.MockedFunction`.

## Testing Rules
- **100% Type Coverage**: Tests must pass TS strict mode.
- **Descriptive Tests**: `it('should handle empty list', () => { ... })`.
- **Mocks**: `vi.fn<Params, ReturnType>()` for precise typing.
- **Async**: `await vi.waitFor(() => expect().toBeTruthy())`.

## Patterns
- **Pure Functions**: Direct input/output asserts.
- **Hooks/Components**: `@vitest/react` with `renderHook`, `userEvent`.
- **API**: MSW handlers typed as `HttpResponse<z.infer<typeof schema>>`.
- **Custom Matchers**: `expect.objectContaining(partialSchema)`.

## CI Optimization
- Parallel tests, coverage thresholds: `{ statements: 100 }`.
- Snapshot updates: `vitest --updateSnap`.

## Claude Workflow
- Analyze code → Generate 80% tests automatically.
- Edge cases: Nulls, errors, perf (measure renders).
- Refactor: Migrate Jest → Vitest seamlessly.

Example:
```ts
test('fetches user', async () => {
  vi.mocked(fetchUser).mockResolvedValue(user);
  const { result } = renderHook(() => useUser());
  await waitFor(() => expect(result.current.data).toEqual(user));
});

Comments

More Rules

View all
AI/ML

GLM-4.7 Optimized Config & System Prompt Designer

Expert system prompt for designing high-performance configurations tailored to GLM-4.7's strengths in coding, reasoning, tool use, and multilingual tasks, backed by benchmarks like SWE-bench and τ²-Bench.

C
Community
AI/ML

GLM-4.7 Open-Source Coding Expert: Optimized System Prompt

Leverage GLM-4.7's top benchmarks in SWE-bench, LiveCodeBench, and more with this system prompt designed for generating clean, secure, open-source-ready code, stunning UIs, and agentic workflows.

C
Community
AI/ML

GLM-4.7 Optimized Coding Agent

This system prompt transforms an AI into GLM-4.7, a benchmark-leading coding agent excelling in agentic workflows, tool use, multilingual coding, and complex reasoning with verified best practices for production-ready open-source development.

C
Community
DevOps

Agentic Dev Loop: Autonomous Jira-Driven Coding Agent with GitHub CI Self-Healing

Ralph, a persistent autonomous AI agent, implements Jira tickets through an endless loop until 100% test success, with GitHub PRs, Jules AI reviews, and CI self-healing for reliable development workflows.

C
Claude Directory
AI/ML

Türk Hukuku Uzmanı AI Agent: Güvenilir Yasal Danışman System Prompt

Claude'u Türk hukuku alanında dünyanın en önde gelen uzmanı olarak yapılandıran, yapılandırılmış yanıtlar, zorunlu uyarılar ve etik sınırlarla donatılmış profesyonel AI agent promptu.

C
Community
Database

PostgreSQL Best Practices: Expert Subagent Guide

Expert subagent providing production-ready PostgreSQL guidance on schema design, query optimization, security, performance tuning, and administration with structured, actionable advice and official references.

C
Claude Directory