skill
Playwright Best Practices
Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), ...
About
# Playwright Best Practices
This skill provides comprehensive guidance for all aspects of Playwright test development, from writing new tests to debugging and maintaining existing test suites.
## Activity-Based Reference Guide
Consult these references based on what you're doing:
### Writing New Tests
**When to use**: Creating new test files, writing test cases, implementing test scenarios
| Activity | Reference Files | | ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | | **Writing E2E tests** | [test-suite-structure.md](core/test-suite-structure.md), [locators.md](core/locators.md), [assertions-waiting.md](core/assertions-waiting.md) | | **Writing component tests** | [component-testing.md](testing-patterns/component-testing.md), [test-suite-structure.md](core/test-suite-structure.md) | | **Writing API tests** | [api-testing.md](testing-patterns/api-testing.md), [test-suite-structure.md](core/test-suite-structure.md) | | **Writing GraphQL tests** | [graphql-testing.md](testing-patterns/graphql-testing.md), [api-testing.md](testing-patterns/api-testing.md) | | **Writing visual regression tests** | [visual-regression.md](testing-patterns/visual-regression.md), [canvas-webgl.md](testing-patterns/canvas-webgl.md) | | **Structuring test code with POM** | [page-object-model.md](core/page-object-model.md), [test-suite-structure.md](core/test-suite-structure.md) | | **Setting up test data/fixtures** | [fixtures-hooks.md](core/fixtures-hooks.md), [test-data.md](core/test-data.md) | | **Handling authentication** | [authentication.md](advanced/authentication.md), [authentication-flows.md](advanced/authentication-flows.md) | | **Testing date/time features** | [clock-mocking.md](advanced/clock-mocking.md) | | **Testing file upload/download** | [file-operations.md](testing-patterns/file-operations.md), [file-upload-download.md](testing-patterns/file-upload-download.md) | | **Testing forms/validation** | [forms-validation.md](testing-patterns/forms-validation.md) | | **Testing drag and drop** | [drag-drop.md](testing-patterns/drag-drop.md) | | **Testing accessibility** | [accessibility.md](testing-patterns/accessibility.md) | | **Testing security (XSS, CSRF)** | [security-testing.md](testing-patterns/security-testing.md) | | **Using test annotations** | [annotations.md](core/annotations.md) | | **Using test tags** | [test-tags.md](core/test-tags.md) | | **Testing iframes** | [iframes.md](browser-apis/iframes.md) | | **Testing canvas/WebGL** | [canvas-webgl.md](testing-patterns/canvas-webgl.md) | | **Internationalization (i18n)** | [i18n.md](testing-patterns/i18n.md) | | **Testing Electron apps** | [electron.md](testing-patterns/electron.md) | | **Testing browser extensions** | [browser-extensions.md](testing-patterns/browser-extensions.md) |
### Mobile & Responsive Testing
**When to use**: Testing mobile devices, touch interactions, responsive layouts
| Activity | Reference Files | | ------------------------------- | -------------------------------------------------------------------------------- | | **Device emula
Install
Run this command
npx skills add currents-dev/playwright-best-practices-skillWorks with
Manual steps
Install with `npx skills add currents-dev/playwright-best-practices-skill`, or clone the repository and copy the `playwright-best-practices` folder into your Claude skills directory.
Frequently asked questions
What is the Playwright Best Practices skill?
Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, m…
How do I install Playwright Best Practices?
Run this in your terminal:
npx skills add currents-dev/playwright-best-practices-skillWhich AI tools does Playwright Best Practices work with?
It works with claude_app, claude_code, claude_api, cursor, codex, windsurf, cline, zed.
Who made Playwright Best Practices?
currents-dev, released under the MIT license.
Is Playwright Best Practices free?
Yes, it is free to use under the MIT license.
npx skills add mattpocock/skills
npx skills add mattpocock/skills
npx skills add heygen-com/hyperframes
npx skills add mattpocock/skills
npx skills add heygen-com/hyperframes
npx skills add microsoft/azure-skills
Audit before you install
Run any source through our checks - AI visibility, security, performance, and stack detection.
Automated Web Security Scan
security
PageSpeed Analyzer
performance
AI Content Quality Test
arabic content
AI Agent / MCP Server Tester
ai testing
Site Stack Detector
migration
AI SEO / AEO / GEO Audit
ai visibility
llms.txt Generator
ai visibility
Readability Score
arabic content
Schema / JSON-LD Builder
ai visibility
AI Cost Calculator
ai testing
Headline Analyzer
arabic content