skills.rest
zhizhunbao
zhizhunbaoCOMMUNITY
Explore all skills by this author →
GitHub

senior-qa

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

1|Updated Sep 16, 2025
Search Tags:#react#qa#jest#nextjs#playwright#test-generation#testing-patterns
One-click install
npx skills add https://github.com/zhizhunbao/ottawa-genai-research-assistant --skill senior-qa-zhizhunbao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senior-qa
Source: https://github.com/zhizhunbao/ottawa-genai-research-assistant/tree/main/.agent/skills/dev-senior_qa
Command: npx skills add https://github.com/zhizhunbao/ottawa-genai-research-assistant --skill senior-qa-zhizhunbao

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Senior QA streamlines the process of generating tests, analyzing coverage, and scaffolding E2E tests for React/Next.js applications.

Core Features & Use Cases

  • Test Suite Generator: scaffolds Jest + RTL tests for React/Next.js components.
  • Coverage Analyzer: interprets Istanbul/Jest reports and surfaces gaps and recommendations.
  • E2E Test Scaffolder: creates Playwright tests from Next.js routes and can generate Page Object Models.

Quick Start

Run the included Python scripts to generate Jest test stubs for components, analyze coverage, and scaffold Playwright E2E tests, then review and customize the generated files.

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 and React Testing Library tests for Next.js components?▼

The E2E test scaffolder creates Playwright tests by mapping your Next.js routes, saving you from writing boilerplate navigation code. It can also generate Page Object Models to structure your end-to-end testing workflow more effectively.

What is the best way to find missing test coverage in a React application?▼

You need a React or Next.js codebase configured with Jest, React Testing Library, and Playwright. The test generation and coverage analysis scripts require Python to execute and output detailed configuration files alongside scaffolded test artifacts.

Does this test generation approach work with both component and E2E testing patterns?▼

Yes, this approach supports both component and E2E testing patterns by generating Jest test stubs for individual React components and scaffolding Playwright tests for Next.js routes. It bridges unit-level coverage analysis with end-to-end test generation.

How do I scaffold Playwright E2E tests from Next.js routes?▼

The E2E test scaffolder creates Playwright tests by mapping your Next.js routes, saving you from writing boilerplate navigation code. It can also generate Page Object Models to structure your end-to-end testing workflow more effectively.

Do I need Python to generate Jest test stubs and analyze coverage gaps?▼

You need a React or Next.js codebase configured with Jest, React Testing Library, and Playwright. The test generation and coverage analysis scripts require Python to execute and output detailed configuration files alongside scaffolded test artifacts.

Related Skills

Explore More Software Engineering Skills→
heidsoftheidsoft
57

frontend-testing-guide

Guides React/Next.js developers to implement Jest, Playwright and Testing Library workflows for frontend testing.

Community
Advanced
devCharuzudevCharuzu

senior-qa

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

Community
Advanced
zhangzhang-111-izhangzhang-111-i
2

senior-qa

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

Community
Advanced
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate