senior-qa

Generate, analyze, and scaffold Jest, React Testing Library, and Playwright tests for React and Next.js applications.

22|3|Updated Apr 20, 2025
One-click install
npx skills add https://github.com/CloudToLocalLLM-online/CloudToLocalLLM --skill senior-qa-cloudtolocalllm-online
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: senior-qa
Source: https://github.com/CloudToLocalLLM-online/CloudToLocalLLM/tree/main/.claude/skills/senior-qa
Command: npx skills add https://github.com/CloudToLocalLLM-online/CloudToLocalLLM --skill senior-qa-cloudtolocalllm-online

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the process of writing, analyzing, and scaffolding tests for React and Next.js applications, ensuring higher code quality and faster development cycles.

Core Features & Use Cases

  • Automated Test Generation: Generate Jest unit test stubs for React components.
  • Coverage Analysis: Analyze test coverage reports to identify gaps and provide recommendations.
  • E2E Test Scaffolding: Scaffold Playwright E2E tests for Next.js applications.
  • Use Case: A developer needs to quickly set up comprehensive tests for a new set of React components. They can use this Skill to generate initial test files, analyze coverage, and ensure critical user flows are covered by E2E tests.

Quick Start

Use the senior-qa skill to generate unit tests for all 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 unit tests for React components?

To automate test generation, this Skill analyzes your React components and scaffolds Jest unit test stubs automatically. It identifies coverage gaps in existing test suites and provides recommendations to ensure comprehensive quality assurance.

How do I scaffold Playwright E2E tests for a Next.js application?

To scaffold Playwright E2E tests for Next.js applications, this Skill automates the setup of end-to-end test files covering critical user flows. It ensures deterministic testing by configuring the Playwright environment for your specific application routes.

Can I analyze test coverage gaps in my React testing setup?

Yes, you can analyze test coverage gaps by processing your coverage reports with this Skill. It identifies untested code paths in your React and Next.js applications and provides actionable recommendations to improve overall test coverage.

Does this automated testing approach work with msw and jest-axe?

Yes, this automated testing approach works with msw and jest-axe as they are included as core dependencies. It leverages these libraries to ensure deterministic API mocking and accessibility compliance checks during Jest unit test generation.

What is the best way to set up comprehensive tests for new React components?

The best way to set up comprehensive tests for new React components is to automate generation, coverage analysis, and E2E scaffolding together. This Skill generates initial Jest test files, analyzes coverage gaps, and scaffolds Playwright tests for critical user flows.