playwright-e2e-testing
This skill equips QA automation engineers with a structured approach to building robust end-to-end test suites using Playwright and TypeScript. It provides practical patterns and workflows tailored for production environments, helping teams establish reliable browser automation testing across web applications.
playwright-e2e-testing is a skill that equips QA automation engineers with a structured approach to building robust end-to-end test suites using Playwright and TypeScript. It provides practical patterns and workflows tailored for production environments, helping teams establish reliable browser automation testing across web applications. The skill focuses on authoring and maintaining comprehensive test suites, configuring test infrastructure, and implementing industry best practices for web application testing.
AI-generated summary based on this skill's SKILL.md
Install
fugazi/test-automation-skills-agents/playwright-e2e-testing · repository language: Java
git clone https://github.com/fugazi/test-automation-skills-agents
cp -r test-automation-skills-agents/skills/playwright-e2e-testing ~/.claude/skills/playwright-e2e-testingFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is playwright-e2e-testing and how does it help with test automation?
playwright-e2e-testing is a skill that equips QA automation engineers with a structured approach to building robust end-to-end test suites using Playwright and TypeScript. It provides practical patterns and workflows tailored for production environments, helping teams establish reliable browser automation testing across web applications. The skill focuses on authoring and maintaining comprehensive test suites, configuring test infrastructure, and implementing industry best practices for web application testing.
How do I write playwright tests with TypeScript for end-to-end testing?
playwright-e2e-testing teaches you how to author and maintain end-to-end test suites for web applications using Playwright and TypeScript. The skill covers the fundamentals of writing effective tests, structuring them for maintainability, and organizing them into comprehensive test suites. You'll learn how to leverage TypeScript's type safety to catch errors early and write more robust, self-documenting test code that scales with your application.
What is the Page Object Model pattern and how do I set up playwright fixtures?
playwright-e2e-testing covers setting up and configuring Playwright test infrastructure with Page Object Model patterns and fixtures. The Page Object Model is a design pattern that encapsulates page elements and interactions into reusable objects, making tests more maintainable and reducing duplication. Fixtures in Playwright provide a way to set up and tear down test environments consistently. This skill teaches you how to implement both patterns to create a scalable, production-ready test infrastructure.
How can I debug flaky tests and use playwright inspector tools?
playwright-e2e-testing provides guidance on debugging, troubleshooting, and fixing flaky or failing Playwright tests using traces and inspector tools. The skill teaches you how to identify the root causes of test instability, use Playwright's built-in debugging features like the Inspector and trace viewer, and implement strategies to make your tests more reliable. You'll learn techniques for handling timing issues, race conditions, and other common sources of test flakiness.
How do I test responsive design and user flows across multiple browsers with playwright?
playwright-e2e-testing covers testing responsive design and user flows across multiple browsers and device viewports. The skill teaches you how to configure Playwright to test your application on different browsers (Chromium, Firefox, WebKit) and simulate various device sizes and orientations. You'll learn how to verify that your UI behaves correctly across different screen sizes and that user workflows function properly in all supported browser environments.
How can I mock APIs and intercept network requests in playwright tests?
playwright-e2e-testing includes guidance on mocking APIs and intercepting network requests for isolated, deterministic UI testing. The skill teaches you how to use Playwright's network interception capabilities to stub API responses, simulate error conditions, and control network behavior during tests. This approach allows you to write faster, more reliable tests that don't depend on external services and can reproduce specific scenarios consistently.
SKILL.md
rendered from the published skill — quoted content, verbatim
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
requestfixture or network interception - Responsive testing across mobile, tablet, and desktop viewports
- Debug flaky tests using traces, screenshots, videos, and
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 7 files
skills/playwright-e2e-testing/LICENSE.txt
skills/playwright-e2e-testing/SKILL.md
skills/playwright-e2e-testing/references/debugging.md
skills/playwright-e2e-testing/references/file-map-template.md
skills/playwright-e2e-testing/references/locator_strategies.md
skills/playwright-e2e-testing/references/page_object_model.md
skills/playwright-e2e-testing/references/snippets.md