senior-qa

Generate Jest and Playwright test scaffolds for React/Next.js projects.

Updated Mar 21, 2026
One-click install
npx skills add https://github.com/AgLyx3/My-Note-App-Not-Just-a-Note-App --skill senior-qa-aglyx3
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: senior-qa
Source: https://github.com/AgLyx3/My-Note-App-Not-Just-a-Note-App/tree/main/.cursor/skills/engineering-team/senior-qa
Command: npx skills add https://github.com/AgLyx3/My-Note-App-Not-Just-a-Note-App --skill senior-qa-aglyx3

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

QA teams often struggle to scale testing as React/Next.js apps grow, leading to gaps in coverage and slower release cycles.

Core Features & Use Cases

  • Test Suite Generator: Scans React/TypeScript components and generates Jest + React Testing Library test stubs with proper structure, including accessibility options.
  • Coverage Analyzer: Parses Istanbul/LCOV reports to identify coverage gaps, suggest actionable improvements, and produce human- and machine-readable reports.
  • E2E Test Scaffolder: Scaffolds Playwright-based end-to-end tests for Next.js routes, including optional Page Object Model classes and configuration scaffolding.
  • Workflows & Guidance: Provides repeatable QA workflows for unit, integration, and E2E testing, with recommended targets and CI integration examples.
  • Reference Documentation: Includes patterns and best practices for testability, mocking, and maintenance.

Quick Start

Run the provided tooling to generate test stubs and E2E scaffolds for your React/Next.js project.

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

To generate Jest test stubs for React components, you can scan your React/TypeScript files and automatically scaffold React Testing Library test structures with proper accessibility options.

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

Scaffolding Playwright E2E tests for Next.js routes is best handled by generating end-to-end test files alongside optional Page Object Model classes and configuration setups.

How do I identify coverage gaps in Istanbul or LCOV reports?

Identifying coverage gaps in Istanbul or LCOV reports involves parsing the coverage data to pinpoint untested code paths and generating actionable improvement suggestions.

Can I use automated test generation for both unit and E2E testing in Next.js?

Automated test generation for Next.js supports unit, integration, and E2E testing by scaffolding Jest for component units and Playwright for route-level end-to-end scenarios.

Why does my React testing suite scale poorly as my application grows?

React testing suites scale poorly due to unstructured tooling and lack of deterministic templates, which can be resolved by applying repeatable QA workflows and CI-ready outputs.

Do I need Page Object Model for Playwright tests in Next.js?

Page Object Model is optional for Playwright tests in Next.js, providing structured class generation to improve test maintenance and readability for complex route scenarios.