senior-qa

Generate Jest, React Testing Library, and Playwright tests for React and Next.js apps.

Updated Mar 12, 2026
One-click install
npx skills add https://github.com/Fantasia1999/claude-skills-zh --skill senior-qa-fantasia1999
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: senior-qa
Source: https://github.com/Fantasia1999/claude-skills-zh/tree/main/translations/engineering-team/senior-qa
Command: npx skills add https://github.com/Fantasia1999/claude-skills-zh --skill senior-qa-fantasia1999

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of ensuring the quality and reliability of React and Next.js applications by automating the generation and analysis of tests.

Core Features & Use Cases

  • Automated Test Generation: Creates Jest + React Testing Library stubs for components.
  • Coverage Analysis: Identifies gaps in test coverage from Istanbul/LCOV reports.
  • E2E Test Scaffolding: Generates Playwright tests from Next.js routes.
  • Use Case: When developing a new feature, use this Skill to automatically generate unit tests for new components, scaffold end-to-end tests for critical user flows, and analyze test coverage to ensure all critical paths are tested before deployment.

Quick Start

Use the senior-qa skill to generate unit tests for the components in the src/components directory.

Frequently Asked Questions about senior-qa

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Jest and React Testing Library tests for my React components?

To generate Jest and React Testing Library tests, this Skill scans your React components and automatically creates unit test stubs. It scaffolds the necessary test files to streamline your testing workflow instantly.

How do I scaffold Playwright end-to-end tests from Next.js routes?

Scaffolding Playwright end-to-end tests from Next.js routes involves analyzing your application's routing structure. This Skill automatically generates Playwright test files mapped directly to those routes for comprehensive E2E coverage.

How do I identify test coverage gaps using Istanbul and LCOV reports?

Identifying test coverage gaps with Istanbul and LCOV reports requires analyzing the generated coverage data. This Skill parses these reports to pinpoint untested code paths and suggest missing unit or integration tests.

Can I mock API calls in my tests using MSW with this setup?

Yes, you can mock API calls using MSW within this testing setup. The Skill configures Mock Service Worker to intercept network requests, allowing you to isolate components and create reliable test fixtures for your tests.

What's the best way to automate testing for a Next.js application?

Automating tests for a Next.js application is best handled by generating unit, integration, and end-to-end tests simultaneously. This Skill creates Jest stubs for components and scaffolds Playwright tests directly from Next.js routes.

Do I need to manually configure test runners when automating React test generation?

No, you do not need to manually configure test runners when automating React test generation. This Skill automatically configures the test runners for Jest and Playwright while generating the necessary test stubs and fixtures.