{"enrichment":{"faq":[{"a":"Playwright Testing is a modern cross-browser testing framework that lets you write automated browser tests to validate web applications. You start by installing Playwright, then write test scripts that interact with your application\u2014clicking buttons, filling forms, navigating pages\u2014and assert expected outcomes. Playwright executes these tests reliably across Chrome, Firefox, and Safari, and you can run them headless (without a visible browser window) for faster CI/CD integration. Claude Code can accelerate your test creation by generating test scripts and helping you refine them based on your application's behavior.","q":"How do I use Playwright for automated testing?"},{"a":"Playwright Testing is a framework designed for end-to-end testing workflows that automate browser interactions. To set it up, you install the Playwright package via npm, initialize a test configuration file, and create test files in your project. The framework provides a test runner that discovers and executes your tests, generates reports, and captures screenshots or videos on failure. Playwright Testing supports multiple browsers and environments out of the box, making it ideal for comprehensive validation across different platforms and configurations.","q":"What is the Playwright testing framework and how do I set it up?"},{"a":"Playwright Testing includes built-in debugging tools to help you identify why tests fail. You can use the Playwright Inspector to step through tests interactively, inspect DOM elements, and verify selectors work as expected. When tests fail, Playwright captures screenshots and videos automatically, showing exactly what the browser saw. For selector issues, you can use Playwright's locator strategies to find elements reliably\u2014by role, text, or CSS/XPath\u2014and test them in isolation. Claude Code can help you analyze error messages and suggest fixes to your selectors and assertions.","q":"How can I debug and troubleshoot Playwright test failures and selectors?"},{"a":"Playwright Testing integrates seamlessly into CI/CD workflows by running tests in headless mode on every code commit. You configure your pipeline (GitHub Actions, GitLab CI, Jenkins, etc.) to install Playwright, run your test suite, and report results. Playwright generates machine-readable reports and can fail the build if tests don't pass, preventing broken code from reaching production. You can also parallelize test execution across multiple machines to speed up feedback, and configure the pipeline to run tests on different browsers and operating systems for comprehensive validation.","q":"How do I integrate Playwright testing into CI/CD pipelines?"},{"a":"Playwright Testing best practices include using reliable locators (prefer role-based selectors over brittle CSS), organizing tests into logical suites, and keeping assertions specific and meaningful. Write tests that are independent and can run in any order, avoid hard-coded waits in favor of Playwright's built-in waiting mechanisms, and use fixtures to set up and tear down test state efficiently. Document your test intent clearly, use page objects or helper functions to reduce duplication, and regularly review test reports to catch flaky tests. Claude Code can help you refactor tests to follow these patterns and improve maintainability.","q":"What are the best practices for writing Playwright tests?"},{"a":"Yes, Playwright Testing supports cross-browser testing across Chrome, Firefox, and Safari, and can emulate mobile devices and tablets with realistic viewports and touch interactions. You configure your tests to run against multiple browser contexts, and Playwright handles the differences automatically. This lets you validate that your application works consistently across platforms without maintaining separate test suites. Mobile testing emulation includes device-specific features like geolocation and network throttling, making Playwright Testing a comprehensive solution for end-to-end validation across desktop and mobile environments.","q":"Can Playwright Testing handle cross-browser and mobile testing validation?"}],"shadow_tags":["browser-automation","end-to-end-testing","qa-automation","test-framework","web-testing","cross-browser-validation","test-scripting","ui-testing"],"summary_rewrite":"This skill teaches you to build robust automated browser tests using Playwright, a modern cross-browser testing framework. You'll learn to write test scripts, execute them reliably, and debug failures\u2014all while leveraging Claude Code as your development partner for faster test creation and refinement."},"gist":{"api_url":"https://skillfed.io/api/skills/mhagrelius/dotfiles/playwright-testing.json","as_of":"2026-05-07","description":"Playwright Testing is a modern cross-browser testing framework that lets you write automated browser tests.","install":{"manual":["git clone https://github.com/mhagrelius/dotfiles","cp -r dotfiles ~/.claude/skills/playwright-testing"],"primary":"npx skillfed install mhagrelius/dotfiles/playwright-testing","version":"a830995b"},"kind":"skill","mirror_url":"https://skillfed.io/mhagrelius/dotfiles/playwright-testing.md","similar":[{"id":"fugazi/test-automation-skills-agents/playwright-e2e-testing","name":"playwright-e2e-testing","publisher":"fugazi/test-automation-skills-agents","url":"https://skillfed.io/fugazi/test-automation-skills-agents/playwright-e2e-testing"},{"id":"yonatangross/orchestkit/testing-e2e","name":"testing-e2e","publisher":"yonatangross/orchestkit","url":"https://skillfed.io/yonatangross/orchestkit/testing-e2e"},{"id":"curiositech/some_claude_skills/playwright-e2e-tester","name":"playwright-e2e-tester","publisher":"curiositech/some_claude_skills","url":"https://skillfed.io/curiositech/some_claude_skills/playwright-e2e-tester"},{"id":"Arize-ai/phoenix/phoenix-playwright-tests","name":"Phoenix Playwright Tests","publisher":"Arize-ai/phoenix","url":"https://skillfed.io/Arize-ai/phoenix/phoenix-playwright-tests"},{"id":"Pixel-Process-UG/superkit-agents/webapp-testing","name":"webapp-testing","publisher":"Pixel-Process-UG/superkit-agents","url":"https://skillfed.io/Pixel-Process-UG/superkit-agents/webapp-testing"}],"title":"Playwright Testing by mhagrelius: Learn how to write \u2014 SkillFed","use":{"when":["Playwright Testing is a framework designed for end-to-end testing workflows that automate browser interactions.","Playwright Testing includes built-in debugging tools to help you identify why tests fail."]},"what":{"lead":"Playwright Testing is a modern cross-browser testing framework that lets you write automated browser tests to validate web applications. You start by installing Playwright, then write test scripts that interact with your application\u2014clicking buttons, filling forms, navigating pages\u2014and assert expected outcomes. Playwright executes these tests reliably across Chrome, Firefox, and Safari, and you can run them headless (without a visible browser window) for faster CI/CD integration. Claude Code can accelerate your test creation by generating test scripts and helping you refine them based on your application's behavior."}},"id":"mhagrelius/dotfiles/playwright-testing","install":{"mode":"external","repo":"https://github.com/mhagrelius/dotfiles"},"links":{"html":"https://skillfed.io/mhagrelius/dotfiles/playwright-testing","md":"https://skillfed.io/mhagrelius/dotfiles/playwright-testing.md","repo":"https://github.com/mhagrelius/dotfiles"},"meta":{"agents_supported":["claude-code"],"first_seen":"2026-07-28","forks":0,"language":null,"last_updated":"2026-05-07","license":null,"name":"Playwright Testing","publisher":"mhagrelius","stars":2},"relations":{"similar":[{"id":"fugazi/test-automation-skills-agents/playwright-e2e-testing"},{"id":"bartstc/vite-ts-react-template/playwright-page-objects"},{"id":"anhtester/antigravity-testing-kit/smart_locator_agent"},{"id":"yonatangross/orchestkit/testing-e2e"},{"id":"anhtester/antigravity-testing-kit/ui_debug_agent"},{"id":"hyva-themes/hyva-ai-tools/hyva-playwright-test"},{"id":"curiositech/some_claude_skills/playwright-e2e-tester"},{"id":"Arize-ai/phoenix/phoenix-playwright-tests"},{"id":"Pixel-Process-UG/superkit-agents/webapp-testing"},{"id":"AsyrafHussin/agent-skills/e2e-playwright-testing"}]},"slug":{"owner":"mhagrelius","repo":"dotfiles","skill":"playwright-testing"},"version":"a830995b"}