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. Consult these references based on what you're doing: When to use : Creating new test files, writing test cases, implementing test scenarios When to use : Testing mobile devices, touch interactions, responsive layouts When to use : Testing WebSockets, geolocation, permissions, multi-tab flows When to use : Test failures, element not found, timeouts, unexpected behavior When to use : Testing error states, offline mode, network failures, validation When to use : Testing features involving multiple users, roles, or real-time collaboration When to use : Choosing test patterns, deciding between approaches, planning test architecture When to use : Testing React, Angular, Vue, or Next.js applications When to use : Improving existing tests, code review, reducing duplication When to use : Setting up projects, configuring CI/CD, optimizing performance When to use : Complex scenarios, API mocking, network interception After writing or modifying tests: - Run tests : npx playwright test --reporter=list - If tests fail : - Review error output and trace ( npx playwright show-trace ) - Fix locators, waits, or assertions - Re-run tests - Only proceed when all tests pass - Run multiple times for critical tests: npx playwright test...