playwright-best-practices

Overview

Playwright Best Practices Skill provides specialized AI guidance for writing, debugging, and maintaining Playwright tests in TypeScript. It is activity-based, directing the AI to the right reference depending on what you are doing, covering E2E, component, API, visual regression, accessibility, security, i18n, Electron, and browser extension testing.

Key Features

• Activity-Based Guidance - Automatically loads focused advice based on your current task without loading everything at once, from writing new tests to fixing flaky ones
• Comprehensive Testing Coverage - Covers E2E, component, API, visual regression, accessibility, security, internationalization, Electron desktop apps, and browser extension testing
• Advanced Scenarios - Handles mobile/responsive layouts, touch gestures, file uploads/downloads, OAuth popups, WebSocket testing, iframes, canvas/WebGL, service workers, and PWA features
• CI/CD and Configuration - Guidance for test coverage, global setup/teardown, project dependencies, parallel runs, sharding, and CI/CD pipeline integration
• Core Testing References - Includes dedicated reference docs for debugging, flaky tests, test organization, locators, assertions/waiting, and Page Object Model patterns

Who is this for?

This is for developers who write Playwright tests in TypeScript and want context-aware AI assistance for following best practices. It is ideal for QA engineers and full-stack developers working with Playwright who need guidance across the full spectrum of testing scenarios from basic E2E to advanced security and accessibility testing.