skills.rest
Patasse97
Patasse97COMMUNITY
Explore all skills by this author →
GitHub

senior-qa

Generate Jest, RTL, and Playwright tests with coverage analysis for React/Next.js apps.

Updated Apr 9, 2026
Search Tags:#react#nextjs#playwright#test-generation#msw#qa-automation
One-click install
npx skills add https://github.com/Patasse97/claude-skills --skill senior-qa-patasse97
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senior-qa
Source: https://github.com/Patasse97/claude-skills/tree/main/engineering-team/senior-qa
Command: npx skills add https://github.com/Patasse97/claude-skills --skill senior-qa-patasse97

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates automated test suites and coverage analysis for React and Next.js apps, reducing manual QA effort and accelerating delivery.

Core Features & Use Cases

  • Scans components to generate Jest + React Testing Library test stubs.
  • Analyzes Istanbul/LCOV coverage reports to surface gaps and actionable improvements.
  • Scaffolds Playwright E2E tests from Next.js routes, with MSW mocks and fixtures.
  • Use case: When you need end-to-end testing and coverage automation across frontend projects.

Quick Start

Generate a complete test suite for your React/Next.js project by running the senior-qa tool to produce Jest/RTL stubs, coverage analysis outputs, and Playwright scaffolds.

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 test stubs for my React components?▼

To generate Jest and React Testing Library test stubs, the tool scans your React components and automatically produces test files. It scaffolds unit tests with MSW mocks and fixtures to reduce manual QA effort.

What's the best way to scaffold Playwright E2E tests for Next.js routes?▼

The best way to scaffold Playwright E2E tests for Next.js routes is using automated generation tools. This tool creates Playwright configurations and test files directly from your routes, incorporating MSW mocks and test fixtures.

Can I analyze Istanbul or LCOV coverage reports to find missing tests in my React app?▼

Yes, you can analyze Istanbul and LCOV coverage reports to find missing tests. The tool examines coverage outputs to surface testing gaps and provides actionable improvements for your React application.

Does automated test generation work with both unit and end-to-end workflows in Next.js?▼

Automated test generation works across unit, integration, and E2E workflows in Next.js. It produces Jest and RTL stubs for unit tests alongside Playwright scaffolding for E2E testing with configurable runner setups.

Why use MSW mocks in React testing workflows?▼

MSW mocks are used in React testing workflows to intercept network requests and simulate API responses. The tool implements these mocks with test fixtures to isolate components during Jest and Playwright test execution.

Related Skills

Explore More Software Engineering Skills→
kshehadehkshehadeh

breadcrumb-routes

Synchronize breadcrumb navigation components with new Next.js page routes.

Community
Intermediate
hffmnnjhffmnnj
39

testing

Automate unit, integration, and E2E tests in JavaScript/TypeScript projects.

Community
Intermediate
jmaglyjmagly
175

test-coverage

Analyze lcov, cobertura, and istanbul coverage reports to identify gaps and recommend prioritized tests.

Community
Intermediate
Haseeb-ArshadHaseeb-Arshad
2

senior-qa

Generate Jest/RTL tests, analyze Istanbul/LCOV coverage, and scaffold Playwright E2E tests for React/Next.js.

Community
Advanced