form-edge-case-tester

What problem does it solve?

This Skill helps QA teams proactively identify and fix form validation gaps and error-handling issues by systematically testing edge cases across creation flows.

Core Features & Use Cases

• Empty Submissions: verify that required fields prevent submission and display clear errors.
• Boundary & Interdependency Testing: test boundary values, field interdependencies, and recovery paths to ensure consistent behavior.
• Error Recovery & Persistence: validate that errors disappear after valid input and that partial data persists where appropriate.
• Use Case: automate end-to-end validation for multi-step creation flows across routes with focus.forms to ensure robust UX.

Quick Start

• Start by ensuring your browser context is ready: Get browser context with tabs_context_mcp
• Open a new tab for testing: Create a new tab for testing with tabs_create_mcp
• Navigate to the app URL (localhost:port from vite.config.ts)
• Inspect routes.json to identify form routes marked with focus.forms
• For each form route, run through the test categories, capture screenshots, and audit console errors
• Compile a report of findings and recommended mitigations