jest-react-testing — скилл для Claude Code: тесты React на Jest
Скилл для тестирования React-компонентов и хуков через Jest и React Testing Library: конфигурация, моки, асинхронные сценарии.
npx skills add manutej/luxor-claude-marketplace --skill jest-react-testing -a claude-codeЧто делает jest-react-testing
Скилл задаёт агенту рамки работы с тестами React: как настроить Jest, какие запросы использовать, как мокать модули и API. Внутри — примеры конфигурации jest.config.js для JavaScript и TypeScript, файл src/setupTests.js с моками matchMedia и IntersectionObserver, а также разбор приоритета запросов React Testing Library от getByRole до getByTestId.
Отдельная часть посвящена философии тестирования: проверять поведение пользователя, а не внутренние детали компонента. Поэтому тесты не ломаются при рефакторинге, но ловят смену поведения. Агент получает готовые шаблоны для моков, асинхронных операций, таймеров и промисов.
Учтите: скилл опирается на jsdom, babel-jest или ts-jest и @testing-library/jest-dom. Если в проекте другой раннер или тесты пишутся на Enzyme, шаблоны придётся переписывать вручную.
Какие задачи решает
- настроить Jest для React-проекта с нуля
- написать тест на пользовательское взаимодействие с кнопкой
- замокать API-запрос и проверить асинхронный рендер
- протестировать кастомный хук React
- подобрать правильный запрос вместо
getByTestId
Примеры запросов агенту
- настрой Jest и React Testing Library для этого проекта
- напиши тест на компонент формы с отправкой и проверкой ошибки
- протестируй кастомный хук useCounter через renderHook
Как установить jest-react-testing
1Через Skills CLI (Vercel)
npx skills add manutej/luxor-claude-marketplace --skill jest-react-testing -a claude-code2Вручную: положить файлы
~/.claude/skills/jest-react-testing/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/jest-react-testing/
1Через Skills CLI (Vercel)
npx skills add manutej/luxor-claude-marketplace --skill jest-react-testing -a codex2Вручную: положить файлы
.agents/skills/jest-react-testing/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add manutej/luxor-claude-marketplace --skill jest-react-testing -a cursor2Вручную: положить файлы
.cursor/skills/jest-react-testing/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install manutej/luxor-claude-marketplace jest-react-testing2Вручную: положить файлы
.github/skills/jest-react-testing/SKILL.md1Через Skills CLI (Vercel)
npx skills add manutej/luxor-claude-marketplace --skill jest-react-testing -a gemini-cli2Командой платформы
gemini skills install https://github.com/manutej/luxor-claude-marketplace --path plugins/luxor-frontend-essentials/skills/jest-react-testingВручную: положить файлы
.devin/skills/jest-react-testing/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add manutej/luxor-claude-marketplace --skill jest-react-testing -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о jest-react-testing
Как установить jest-react-testing в Claude?
Выполните npx skills add manutej/luxor-claude-marketplace --skill jest-react-testing -a claude-code. После этого файл скилла появится в ~/.claude/skills/jest-react-testing/SKILL.md.
Что делает jest-react-testing?
Помогает агенту писать и настраивать тесты React-компонентов и хуков на Jest и React Testing Library: конфигурация, моки, асинхронные сценарии, интеграционные тесты.
Какие зависимости нужны для работы скилла?
Шаблоны рассчитаны на jsdom, babel-jest или ts-jest и @testing-library/jest-dom. С другим раннером примеры не подойдут напрямую.
