testing-quality-gates

Automate Vitest, Playwright, linting, and TypeScript quality gates for Next.js projects.

1|Updated Oct 9, 2025

Search Tags:#testing #linting #Playwright #Vitest #quality gates #CI #type-checking

Ready to run

npx skills add https://github.com/omerakben/omer-akben --skill testing-quality-gates

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: testing-quality-gates
Source: https://github.com/omerakben/omer-akben/tree/main/.claude/skills/testing-and-quality-gates-skill
Command: npx skills add https://github.com/omerakben/omer-akben --skill testing-quality-gates

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides structured testing protocols, end-to-end patterns, and quality-gate automation for software projects.

Core Features & Use Cases

Unit Testing: Establishes standardized Vitest-based unit tests, patterns for component-level validation, and mock strategies.
E2E Testing: Defines end-to-end testing patterns with Playwright to validate user flows across the app.
Quality Gates: Includes linting, TypeScript checks, and production build checks to guarantee code quality before release.
Use Case: Imagine a Next.js project where you want fast feedback on changes; this Skill guides implementing tests, running CI checks, and maintaining quality across deployments.

Quick Start

Run npm test to execute all unit tests. Run npm test -- --watch for TDD/watch mode. Run npm run test:e2e to run all E2E tests, or npm run test:e2e -- --headed for a headed run. Run npm run lint, npx tsc --noEmit for TypeScript checks, and npm run build for a production readiness check.

Frequently Asked Questions about testing-quality-gates

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

FAQPage Schema

How do I set up quality gates for a Next.js and TypeScript project?▼

Quality gates for a Next.js project are established by running linting, TypeScript type-checking with npx tsc --noEmit, and production build checks to guarantee code quality before release.

What is the best way to run Vitest unit tests in watch mode?▼

The best way to run Vitest unit tests in watch mode is executing npm test -- --watch, which provides fast feedback on code changes and supports test-driven development workflows.

How do I execute Playwright end-to-end tests with a visible browser window?▼

To execute Playwright end-to-end tests with a visible browser window, run npm run test:e2e -- --headed to validate user flows across the application visually.

Can I use this testing protocol for React and TypeScript stacks?▼

Yes, this testing protocol uses standard npm tooling to guide unit tests, E2E patterns, and quality-gate automation specifically across modern Next.js, React, and TypeScript stacks.

What production readiness checks should I run before deploying my application?▼

Before deploying, run npm run lint for linting, npx tsc --noEmit for TypeScript checks, and npm run build to perform a production readiness check on your application.

Why do I need both Vitest and Playwright for my testing workflow?▼

Vitest handles standardized unit tests and component-level validation for fast feedback, while Playwright defines end-to-end testing patterns to validate complete user flows across the app.