skills.rest
normcrandall
normcrandallCOMMUNITY
Explore all skills by this author →
GitHub

Web Application Testing

Generate and execute Playwright tests for accessibility, UX, and functional correctness.

1|Updated Oct 20, 2025
Search Tags:#test automation#accessibility#CI/CD#UX#web testing#Playwright#QA#functional testing
One-click install
npx skills add https://github.com/normcrandall/claudeskills --skill web-application-testing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Web Application Testing
Source: https://github.com/normcrandall/claudeskills/tree/main/testingSkill
Command: npx skills add https://github.com/normcrandall/claudeskills --skill web-application-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/test, @axe-core/playwright.

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"

Frequently Asked Questions about Web Application Testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate web application testing across accessibility, UX, and functionality?▼

Automate web application testing by generating Playwright tests that validate WCAG 2.1 AA accessibility, responsive UX across viewports, and functional correctness. The Skill creates reusable test files, runs them across browsers, and produces detailed reports with screenshots and video artifacts for CI/CD integration.

Can I use Playwright with axe-core to check accessibility compliance?▼

Yes. Playwright combined with axe-core automatically detects WCAG 2.1 AA violations including keyboard navigation, ARIA labels, color contrast, and semantic HTML issues. The Skill integrates both tools to generate executable accessibility tests within your test suite.

What's the best way to test critical user journeys like checkout or login flows?▼

Define your user journey, and the Skill generates Playwright tests that verify form submissions, API integrations, and CRUD operations end-to-end. Tests are reusable, can run across multiple browsers and viewports, and produce reports that highlight failures with visual evidence.

Does this testing approach work in CI/CD pipelines?▼

Yes. The Skill generates CI/CD-ready test files and detailed reports designed for continuous integration. It supports Playwright MCP when available or falls back to traditional Playwright CLI, enabling automated test execution on every commit or pull request.

How do I validate responsiveness and UX principles across different screen sizes?▼

The Skill tests responsiveness by running Playwright tests across multiple viewports and validates loading states, error handling, user feedback, and performance. It verifies that your web application delivers a consistent experience on desktop, tablet, and mobile devices.

What happens if my test suite finds accessibility or functional issues?▼

The Skill generates detailed reports with screenshots and fix suggestions for each accessibility violation, UX failure, or functional error. These actionable reports help you prioritize fixes and ensure high-quality releases.

Related Skills

Explore More Software Engineering Skills→
arunodaarunoda
21

Running E2E Tests

Set up and run Playwright end-to-end tests for web applications.

Community
Intermediate
WebWakaHubWebWakaHub
20

Test Results Analyzer

Analyze test execution results to identify failure patterns and release readiness risks.

Official
Advanced
etylsarinetylsarin
59

browser-testing

Automate browser-based UI testing with Chrome DevTools MCP.

Community
Advanced
tom-xstom-xs

accessibility-selenium-testing

Automate WCAG 2.1/2.2 accessibility audits with Selenium WebDriver and axe-core.

Community
Advanced