This is a solid reference for anyone writing tests with Jest and React Testing Library. It walks through Jest config for both JavaScript and TypeScript projects, covers the query priority system (getByRole first, getByTestId as last resort), and includes practical patterns for mocking, async testing, and custom hooks. The setup file examples are especially useful since they handle common gotchas like mocking matchMedia and IntersectionObserver. You'll want this when you're setting up a new React project's test infrastructure or when your team needs alignment on testing philosophy. It follows the "test behavior, not implementation" approach throughout, which saves you from brittle tests that break on refactors.

skills.sh installs
1.2K
GitHub stars
63
last updated
Aug 21, 2026

Install

$ npx -y skills add manutej/luxor-claude-marketplace --skill jest-react-testing --agent claude-code

Installs into .claude/skills of the current project.

Files

Jest React Testing

A comprehensive skill for testing React applications using Jest and React Testing Library. This skill covers everything from basic component testing to advanced patterns including mocking, async testing, custom hooks testing, and integration testing strategies.

When to Use This Skill

Use this skill when:

  • Testing React components with Jest and React Testing Library
  • Setting up Jest configuration for React projects
  • Writing unit tests for components, hooks, and utilities
  • Testing user interactions and component behavior
  • Mocking modules, functions, API calls, and external dependencies
  • Testing asynchronous operations (API calls, timers, promises)
  • Testing custom React hooks
  • Writing integration tests for complex component trees
  • Debugging failing tests or improving test coverage
  • Following testing best practices and patterns

Core Concepts

Testing Philosophy

React Testing Library follows these guiding principles:

Sponsors

Details

Repository
github.com/manutej/luxor-claude-marketplace
Categories
Frontend Development, Testing & QA
First seen
Apr 16, 2026

More from manutej/luxor-claude-marketplace

All 66
1pedronauck avatarmotion-reactpedronauck/skillsBuild React animations with Motion (formerly Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG, exit animatio1.2Kskills.sh installs
2pproenca avatarnextjspproenca/dot-skillsNext.js 16 App Router performance, caching, server components, server actions, routing, and codebase-hygiene best practices — plus a category-major review/refac1.2Kskills.sh installs
3oimiragieo avatarpyqt6-ui-development-rulesoimiragieo/agent-studioPyQt6 desktop GUI development rules -- signal/slot architecture, QSS theming, QThread concurrency, layout management, and cross-platform rendering. Enforces MVC1.1Kskills.sh installs
4ajianaz avatarflutter-ui-uxajianaz/skills-collectionComprehensive Flutter UI/UX development skill for creating beautiful, responsive, and animated mobile applications. Use when user asks to: (1) Build Flutter UI 1.1Kskills.sh installs
5jezweb avatartailwind-patternsjezweb/claude-skillsProduction-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, buttons, and typography. Includes spacing sc1.1Kskills.sh installs
6alirezarezvani avatarui-design-systemalirezarezvani/claude-skillsUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handof1.1Kskills.sh installs