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.
By aj-geddes · 493 installs
npx skills add aj-geddes/useful-ai-prompts --skill frontend-testing
Source repository · Upstream listing
Frontend Testing
Table of Contents
[Overview]( overview)
[When to Use]( when to use)
[Quick Start]( quick start)
[Reference Guides]( reference guides)
[Best Practices]( 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)](references/jest unit testing react.md) Jest Unit Testing (React)
[React Testing Library Integration Tests](references/react testing library integration tests.md) React Testing Library Integration Tests
[Vitest for Vue Testing](references/vitest for vue testing.md) Vitest for Vue Testing
[Cypress E2E Testing](references/cypress e2e testing.md) Cypress E2E Testing
[Test Coverage Configuration](references/test coverage configuration.md) 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