Playwright E2e Testing

This is a comprehensive Playwright testing reference that covers the full spectrum of E2E work: UI flows, API validation, responsive design checks, and debugging flaky tests. The source material is thorough with Page Object Model patterns, proper locator strategies (prioritizing accessible roles over brittle CSS selectors), and practical config examples. It pushes you toward web-first assertions and auto-waiting instead of arbitrary sleeps, which is the right approach. The troubleshooting table and "first questions to ask" sections are genuinely helpful for getting unstuck. Use this when you're setting up test infrastructure from scratch or need to debug why tests pass locally but fail in CI. The TypeScript examples are production-ready, not toy demos.

skills.sh installs: 634
GitHub stars: 262
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add fugazi/test-automation-skills-agents --skill playwright-e2e-testing --agent claude-code

Installs into .claude/skills of the current project.

Files

Playwright E2E Testing (TypeScript)

Comprehensive toolkit for end-to-end testing of web applications using Playwright with TypeScript. Enables robust UI testing, UI-dependent API setup, and responsive design verification following best practices.

Activation: This skill is triggered when authoring or maintaining versioned Playwright UI specs and their test infrastructure.

When to Use This Skill

Write E2E tests for user flows, forms, navigation, and authentication
UI-dependent API setup via the request fixture or network interception
Responsive testing across mobile, tablet, and desktop viewports
Debug flaky tests using traces, screenshots, videos, and Playwright Inspector
Setup test infrastructure with Page Object Model and fixtures
Mock/intercept APIs for isolated, deterministic testing
Visual regression testing with screenshot comparisons