senior-qa

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

Updated Nov 3, 2016
One-click install
npx skills add https://github.com/xleliberty/mydotfiles --skill senior-qa-xleliberty
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: senior-qa
Source: https://github.com/xleliberty/mydotfiles/tree/main/.config/.claude/plugins/cache/claude-code-skills/engineering-skills/2.1.2/senior-qa
Command: npx skills add https://github.com/xleliberty/mydotfiles --skill senior-qa-xleliberty

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pytest, playwright, jest, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the complexity of maintaining high-quality React and Next.js applications by automating the generation of test stubs, identifying coverage gaps, and scaffolding end-to-end test suites.

Core Features & Use Cases

  • Test Suite Generation: Automatically creates Jest and React Testing Library stubs for React components, including accessibility assertions.
  • Coverage Analysis: Parses Istanbul/LCOV reports to pinpoint untested code paths and enforce quality thresholds.
  • E2E Scaffolding: Generates Playwright test files and Page Object Model classes directly from Next.js route structures.
  • Use Case: When onboarding a new feature, use this skill to instantly generate the boilerplate test files and verify that your new code meets the project's 80% coverage requirement.

Quick Start

Use the senior-qa skill to generate Jest test stubs for all components in the src/components directory and output them to the tests folder.

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?

To generate Jest test stubs for React components, you can use this Skill to automatically create React Testing Library boilerplate, including standard accessibility assertions, and output them directly to your tests folder.

How do I find untested code paths in my Istanbul or LCOV coverage reports?

To find untested code paths in Istanbul or LCOV coverage reports, this Skill parses the coverage data to pinpoint critical gaps and helps you enforce specific quality thresholds across your React application.

Can I scaffold Playwright tests and Page Object Model classes from Next.js routes?

You can scaffold Playwright tests and Page Object Model classes directly from your Next.js route structures, allowing you to quickly generate end-to-end test files that mirror your existing application navigation.

What is the best way to enforce an 80% coverage requirement for new Next.js features?

The best way to enforce an 80% coverage requirement for new Next.js features is to analyze Istanbul coverage reports after generating unit and integration test suites, identifying specific untested code paths for remediation.

Do I need to install Playwright, Jest, and pytest before generating test suites?

Yes, you need Playwright, Jest, and pytest installed in your environment, as the Skill relies on these dependencies to scaffold end-to-end tests, generate unit test stubs, and execute quality analysis workflows.