senior-qa

Generate Jest, React Testing Library, Playwright, and MSW tests for React and Next.js.

Updated Dec 23, 2024
One-click install
npx skills add https://github.com/salamientark/dotfiles --skill senior-qa-salamientark
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: senior-qa
Source: https://github.com/salamientark/dotfiles/tree/main/claude/skills/engineering-team/senior-qa
Command: npx skills add https://github.com/salamientark/dotfiles --skill senior-qa-salamientark

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Writing and maintaining comprehensive tests for React/Next.js apps is time-consuming and error-prone, so this skill provides automated tooling and patterns to accelerate QA.

Core Features & Use Cases

  • Generate Jest + React Testing Library unit tests for components and hooks.
  • Scaffold Playwright-based E2E tests for Next.js routes and app pages.
  • Analyze coverage reports to identify gaps and actionable improvements.
  • Provide reference workflows and patterns to accelerate QA teams.

Quick Start

Run the test-suite tooling to generate tests for your codebase and begin validation with coverage analysis and E2E scaffolding.

Frequently Asked Questions about senior-qa

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate React and Next.js test suite generation end-to-end?

You can automate React and Next.js test suite generation by running Python-based tooling scripts that scaffold Jest, React Testing Library, Playwright, and MSW tests to accelerate QA across unit, integration, and end-to-end workflows.

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

Scaffolding Playwright E2E tests for Next.js routes is handled by dedicated automation scripts that generate test structures for app pages, enabling realistic API mocking and validation across end-to-end workflows.

How do I identify test coverage gaps in my React application?

You identify test coverage gaps by running a coverage analyzer script that reads coverage reports, highlights untested code areas in your React components and hooks, and provides actionable improvement recommendations.

Can I use MSW for realistic API mocking in Jest and Playwright workflows?

Yes, MSW is fully supported for realistic API mocking across both Jest unit tests and Playwright E2E workflows, allowing you to intercept network requests and simulate server responses within your automated test suites.

Does this automated QA tooling support React hooks testing with React Testing Library?

Yes, the test generation tooling supports React Testing Library to automatically create unit tests for both UI components and custom React hooks, ensuring comprehensive validation of your application logic.

What are the limitations of using automated scripts for E2E test scaffolding?

Automated E2E test scaffolding generates the initial structural test workflows and patterns for Next.js routes, but you still need to manually refine custom assertions and complex user interactions specific to your application logic.