senior-qa

Generates Jest and Playwright tests and analyzes Istanbul coverage for React and Next.js applications.

1|Updated May 10, 2026
One-click install
npx skills add https://github.com/Tgoldi/claude-skills --skill senior-qa-tgoldi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: senior-qa
Source: https://github.com/Tgoldi/claude-skills/tree/main/senior-qa
Command: npx skills add https://github.com/Tgoldi/claude-skills --skill senior-qa-tgoldi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Setting up and maintaining a test suite for React/Next.js projects is time-consuming: writing test stubs for every component, scaffolding E2E tests for each route, and interpreting raw coverage reports all require repetitive manual effort. ## Core Features & Use Cases - Test Suite Generation: Scans React/TypeScript components and generates Jest + React Testing Library test stubs, including optional jest-axe accessibility assertions. - Coverage Analysis: Parses Istanbul JSON or LCOV coverage reports, identifies critical untested paths (auth, payment, API routes), and enforces thresholds with a strict mode for CI pipelines. - E2E Scaffolding: Detects Next.js App Router or Pages Router routes and generates Playwright test files, Page Object Model classes, playwright.config.ts, and auth fixtures. - Use Case: After building a new Next.js feature, run the scaffolder on src/app to generate Playwright specs per route, generate unit test stubs for new components, then verify the 80% coverage threshold before merging. ## Quick Start Ask the assistant to generate Jest test stubs for the components in src/components and then analyze the coverage report at coverage/coverage-final.json against an 80 percent threshold.

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 tests for React components automatically?

Run the test_suite_generator.py script against your components directory to produce Jest and React Testing Library stubs with render, interaction, and prop-based test cases. Use the --include-a11y flag to add jest-axe accessibility assertions.

How to scaffold Playwright E2E tests for a Next.js app?

Run e2e_test_scaffolder.py on your src/app or pages directory to generate one Playwright spec per route, plus playwright.config.ts and auth fixtures. The --include-pom option also generates Page Object Model classes.

What coverage report formats does the analyzer support?

The coverage analyzer parses Istanbul JSON files such as coverage-final.json and LCOV .info files produced by Jest or NYC. It reports statement, branch, function, and line coverage with per-file gap details.

Can I enforce a minimum coverage threshold in CI?

Yes, run coverage_analyzer.py with --threshold 80 --strict to make the script exit with a non-zero status when line coverage falls below the threshold. This fails the CI job and blocks merges below target.

Does the E2E scaffolder handle dynamic Next.js routes?

Yes, it detects dynamic segments like [id] and catch-all routes, substituting example values such as test-id in generated test URLs. Route groups in parentheses are traversed without adding to the URL path.

Why are my generated Playwright tests failing after scaffolding?

Generated tests contain TODO placeholders for selectors, titles, and form fields that must be customized to your actual UI. Fill in the expected content assertions and authentication setup before expecting green runs.