Web Application Testing

Community

Automate web app testing: accessibility, UX, and functional.

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.
View Source Repository