...
npx skills add https://github.com/Zoppy-crm/.github --skill playwright-best-practices-zoppy-crm
Please help me install this Agent Skill. Skill: playwright-best-practices Source: https://github.com/Zoppy-crm/.github/tree/main/skills/frontend/playwright-best-practices Command: npx skills add https://github.com/Zoppy-crm/.github --skill playwright-best-practices-zoppy-crm
Provides a single, practical reference to reduce flakiness, speed up debugging, and standardize Playwright test development so teams can deliver consistent, maintainable test suites.
Describe the test scenario, target environment (local or CI), and the failure or goal you want Playwright guidance for, e.g., "Help me write a stable E2E test for login that runs in CI and mocks the email verification flow."
High-intent search queries and answers about installing and using this skill.
Fix flaky Playwright tests by applying robust locators, explicit assertions, and trace analysis. Isolate tests using proper fixtures, network mocking, and storageState to ensure reproducible parallel execution across your CI/CD infrastructure.
Structure a Playwright test suite using the Page Object Model pattern and recommended project layouts. Organize end-to-end, component, API, and accessibility tests with shared fixtures and tagging to maximize maintainability and parallel execution efficiency.
Mock network requests and clock time in Playwright tests using advanced interception patterns. Intercept and modify network traffic, mock WebSocket and service worker flows, and control clock/time mocking to test dynamic application states reliably.
Playwright supports accessibility and visual testing through integrated axe-core checks and visual comparison patterns. Execute these tests locally or in CI/CD pipelines to identify compliance issues and visual regressions across web, Electron, and extension applications.
Configure parallel execution and sharding for Playwright by adjusting worker configurations and utilizing built-in sharding capabilities. Integrate with GitHub Actions, GitLab, or Docker to distribute tests, manage artifacts, and generate reporters efficiently.
Playwright race conditions cause test failures due to improper waiting strategies and shared state. Resolve them by using built-in auto-waiting locators, explicit web-first assertions, and isolated browser contexts to prevent overlapping multi-user scenarios.
aresbitAutomate browser navigation, form filling, and data extraction via CLI.
mvillmowAnalyze CI failure logs to identify root causes and error patterns.
NVIDIAAutomate accessibility audits for web components using ESLint and axe-core.
Svenja-devAutomate end-to-end browser testing for web applications with Playwright MCP.
