playwright
Playwright enables you to script and automate browser-based interactions across modern web applications. Use it to build end-to-end tests, validate user workflows, and verify application behavior in real browser environments without manual intervention.
Playwright is a browser automation framework that enables you to script and automate browser-based interactions across modern web applications. It allows you to build end-to-end tests, validate user workflows, and verify application behavior in real browser environments without manual intervention. Playwright supports multiple browsers and provides APIs to control page navigation, interact with elements, capture screenshots, and simulate user actions programmatically.
AI-generated summary based on this skill's SKILL.md
Install
secondsky/claude-skills/playwright · repository language: TypeScript
git clone https://github.com/secondsky/claude-skills
cp -r claude-skills/plugins/playwright/skills/playwright ~/.claude/skills/playwrightFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is Playwright browser automation and how does it work?
Playwright is a browser automation framework that enables you to script and automate browser-based interactions across modern web applications. It allows you to build end-to-end tests, validate user workflows, and verify application behavior in real browser environments without manual intervention. Playwright supports multiple browsers and provides APIs to control page navigation, interact with elements, capture screenshots, and simulate user actions programmatically.
How can Playwright help with e2e testing?
Playwright excels at end-to-end testing by automating complete user workflows across your web application. You can script multi-step scenarios such as logging in, navigating through pages, filling forms, and verifying outcomes—all in a single test. Playwright's ability to automate browser tasks means you can validate that your entire application flow works correctly without manual testing, making it ideal for regression testing and continuous integration pipelines.
How do I test login flows and form submissions with Playwright?
Playwright makes testing login flows and form submissions straightforward by providing methods to interact with page elements. You can locate input fields by selector, fill them with test data, click submit buttons, and verify the resulting page state. Playwright supports testing user authentication scenarios across different browsers and viewports, allowing you to validate that login and form submission workflows function correctly before deployment.
Can Playwright validate responsive design across multiple viewports and browsers?
Yes, Playwright is well-suited for validating responsive design and visual appearance across multiple viewports and browsers. You can configure tests to run against different screen sizes and browser types (Chromium, Firefox, WebKit), then use screenshot testing and visual regression detection to ensure your application renders correctly on each configuration. This cross-browser testing capability helps you catch layout and styling issues early.
What does Playwright offer for checking broken links and detecting page element issues?
Playwright enables you to detect and validate broken links and page elements through automated scripts. You can navigate to pages, query for all links, make requests to verify their status, and check that expected elements are present and properly rendered. This automation helps you identify broken links and missing page elements without manual inspection, improving overall site quality and user experience.
How does Playwright support API testing and network mocking?
Playwright provides capabilities to mock APIs and network requests for isolated component and integration testing. You can intercept network calls, return custom responses, and simulate various API scenarios without hitting real backends. This network mocking feature allows you to test your application's behavior under different API conditions, handle error states, and verify that your frontend correctly processes mocked data—all while keeping tests fast and reliable.
SKILL.md
rendered from the published skill — quoted content, verbatim
Playwright - Browser Automation & E2E Testing
Expert knowledge for browser automation and end-to-end testing with Playwright - a modern cross-browser testing framework.
IMPORTANT - Path Resolution:
This skill can be installed in different locations. Before executing commands, determine the skill directory based on where you loaded this SKILL.md file, and use that path in all commands. Replace $SKILL_DIR with the actual discovered path.
Common installation paths:
- Plugin system: ~/.claude/plugins/*/playwright/skills/playwright
- Manual global: ~/.claude/skills/playwright
- Project-specific: <project>/.claude/skills/playwright
CRITICAL WORKFLOW - Follow These Steps
When automating
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 9 files
plugins/playwright/skills/playwright/SKILL.md
plugins/playwright/skills/playwright/bun.lock
plugins/playwright/skills/playwright/examples/form-test.js
plugins/playwright/skills/playwright/examples/link-checker.js
plugins/playwright/skills/playwright/examples/responsive-test.js
plugins/playwright/skills/playwright/lib/helpers.js
plugins/playwright/skills/playwright/package.json
plugins/playwright/skills/playwright/references/API_REFERENCE.md
plugins/playwright/skills/playwright/run.js