Web Application Testing
CommunityAutomate web app testing: accessibility, UX, and functional.
Software Engineering#test automation#accessibility#CI/CD#UX#web testing#Playwright#QA#functional testing
Authornormcrandall
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides comprehensive web application testing, covering accessibility, user experience, and functional correctness, generating reusable Playwright tests and detailed reports to ensure high-quality releases. It automates the tedious and error-prone process of manual testing.
Core Features & Use Cases
- Accessibility (WCAG 2.1 AA): Automatically checks for keyboard navigation, ARIA labels, color contrast, semantic HTML, and other WCAG 2.1 AA compliance issues using axe-core.
- UX Principles: Validates responsiveness across multiple viewports, loading states, clear error handling, user feedback, and overall performance.
- Functional Correctness: Verifies critical user journeys (e.g., signup, login, checkout), form submissions, CRUD operations, and API integrations.
- Test Generation: Creates reusable Playwright test files for seamless CI/CD integration, even when using Playwright MCP for real-time testing.
- Use Case: Ask to "Test my e-commerce checkout flow," and it will run accessibility, UX, and functional tests, providing a report with fix suggestions and generated test files, ensuring a robust user experience.
Quick Start
Test your web application
Skill(command: "Web Application Testing")
Or, "Test my web application with playwright"
Dependency Matrix
Required Modules
@playwright/test@axe-core/playwright
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Web Application Testing Download link: https://github.com/normcrandall/claudeskills/archive/main.zip#web-application-testing Please download this .zip file, extract it, and install it in the .claude/skills/ directory.