Skip to main content
affpapa.org
RU EN
skill

testing-patterns — Claude Code skill: Jest patterns and TDD

A Claude skill that hands the agent Jest testing patterns: data factories, module mocks and the red-green-refactor loop.

Install into Claude Code · claude-code-templates All methods and platforms ↓ 
npx claude-code-templates@latest --skill development/testing-patterns
Open on GitHub

What testing-patterns does

The skill sets rules for how the agent writes tests: a failing test comes first, then the smallest implementation that passes, then refactoring once it is green. It ships templates for Jest and React Native Testing Library — a custom render that wraps components in providers, prop and data factories like getMockUser(overrides), and module or GraphQL hook mocks through jest.mock and jest.requireMock.

Test structure gets its own section: describe groups, beforeEach with jest.clearAllMocks(), queries via getByText, queryByText and waitFor, interactions via fireEvent. There is also a list of anti-patterns, including asserting on a mock call instead of real behaviour and duplicating test data without factories.

The examples assume Jest, @testing-library/react-native and TypeScript, so on a different runner you will rewrite them. Running tests is covered with npm test, npm run test:coverage and npm test ComponentName.test.tsx.

What it helps with

  • write a failing test before the implementation
  • build a mock data factory with field overrides
  • mock a module or a GraphQL hook inside a test
  • wrap a component in providers when rendering
  • split tests into groups and clear mocks between them

Example prompts for the agent

  • write a test for LoginForm following testing-patterns
  • create a getMockUser factory with the admin role
  • mock useGetItemsQuery and assert the empty list state

How to install testing-patterns

1claude-code-templates

npx claude-code-templates@latest --skill development/testing-patterns

2Skills CLI (Vercel)

npx skills add davila7/claude-code-templates --skill testing-patterns -a claude-code

3Manually: put the files in place

~/.claude/skills/testing-patterns/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/testing-patterns/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about testing-patterns

How do I install testing-patterns in Claude?

Use the templates CLI: npx claude-code-templates@latest --skill development/testing-patterns. Alternatively run npx skills add davila7/claude-code-templates --skill testing-patterns -a claude-code. The skill file lands at ~/.claude/skills/testing-patterns/SKILL.md.

What does testing-patterns do?

It gives the agent ready-made testing patterns: prop and data factories, module and hook mocks, a describe layout with mock cleanup. It also spells out the TDD cycle and common anti-patterns.

What stack do the examples use?

Jest, @testing-library/react-native and TypeScript. With another runner or testing library you adapt the templates yourself.

Similar skills

Everything for Testing and QA →
python-testing-patterns Seth Hobson This skill guides Python testing with pytest, fixtures and mocks. Use it when building a test suite or tracking down failing checks. CX Codex 36,943installs testing-best-practices agent-skills A rule set for unit and integration tests and TDD: 34 rules in 7 categories, TypeScript with Jest and Vitest. Useful while writing tests or reviewing someone else's. CX Codex +1 899installs testing-anti-patterns bobmatnyc A skill for spotting tests that verify mock behavior, add test-only production methods, or use incomplete mocks. CX Codex +1 368installs appbuilder-testing adobe This skill writes and runs Jest tests for Adobe App Builder actions and React components, with mocks for the Adobe SDKs. CX Codex +1 714installs typescript-unit-testing bmad-labs A skill for TypeScript and NestJS unit testing with Jest, @golevelup/ts-jest mocks and AAA structure. Useful whenever you touch .spec.ts files. CX Codex +1 496installs python-testing affaan-m A pytest skill for Python testing with TDD, fixtures, mocks, parametrization, and coverage checks. Use it when building or reviewing test suites. CX Codex +1 4,900installs

From the same set205

The whole set →
performance-budget-guard A Claude hook that measures your Next.js JS bundle after a build and blocks the deploy when it goes over the performance budget. 393installs memory-spring-cleaning Walks through CLAUDE.md and markdown docs, checks the rules written there against the actual code, and drops what no longer holds. 391installs interactive-documentation A slash command that builds documentation with runnable code examples, playgrounds and API testing. Useful once a plain README stops being enough. 372installs agents-crewai A Claude skill for assembling teams of autonomous agents with roles, memory, and sequential or hierarchical task execution. 371installs code-review-checklist A skill that walks a reviewer through context, functionality, quality, security, performance and tests. Useful on pull requests and audits. 365installs vercel-environment-sync A hook that inspects environment variables after an .env edit and points you to the right Vercel sync commands. Useful when local and deployed values drift apart. 363installs log Writes a finished task's report into your tracker or notes: time spent, status, commits. Useful when the coding happens in Claude but the record lives in Linear or Obsidian. 351installs create-worktrees Pulls every open pull request through GitHub CLI and sets up a separate git worktree for each branch under ./tree/. Useful when you want several PRs checked out at once without switching branches in the main checkout. 351installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor