Agent skill · software engineering · aj-geddes

frontend-testing

Implement comprehensive frontend testing using Jest, Vitest, React Testing Library, and Cypress. Use when building robust test suites for UI and integration tests.

Why this skill is useful

Provides specific testing patterns and examples for Jest, React Testing Library, and Cypress that the AI wouldn't reliably generate on its own.

What it needs

Requires @testing-library/react, cypress, jest, vitest installed locally. About 1k tokens when loaded. Last updated 2026-03-04. 307 stars on the source repository.

What this skill does

Frontend Testing Table of Contents Overview When to Use Quick Start Reference Guides Best Practices Overview Build comprehensive test suites for frontend applications including unit tests, integration tests, and end-to-end tests with proper coverage and assertions. When to Use Component testing Integration testing End-to-end testing Regression prevention Quality assurance Test-driven development Quick Start Minimal working example: Reference Guides Detailed implementations in the references/ directory: Guide Contents --- --- Jest Unit Testing (React) Jest Unit Testing (React) React Testing Library Integration Tests React Testing Library Integration Tests Vitest for Vue Testing Vitest for Vue Testing Cypress E2E Testing Cypress E2E Testing Test Coverage Configuration Test Coverage Configuration Best Practices ✅ DO Follow established patterns and conventions Write clean, maintainable code Add appropriate documentation Test thoroughly before deploying ❌ DON'T Skip testing or validation Ignore error handling Hard-code configuration values

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills aj-geddes/frontend-testing

View the source on GitHub

Browse the @skills marketplace