{"enrichment":{"faq":[{"a":"e2e-playwright-testing teaches you to build robust browser automation tests for web applications using Playwright integration. Start by installing Playwright and creating test files with the test() function. Use page.goto() to navigate to your application, then interact with elements using locators like page.locator('selector'). Assert on page state using expect() matchers. Organize tests into logical groups using test.describe() blocks, and leverage the page object pattern to keep your test code maintainable and reusable across multiple test scenarios.","q":"How do I write end-to-end tests with Playwright?"},{"a":"e2e-playwright-testing emphasizes that reliable locator selection is critical for stable tests. Prefer data-testid attributes over brittle CSS selectors or XPath expressions. Use role-based locators like page.locator('button:has-text(\"Submit\")') to target elements semantically. Organize your tests by user flows and features rather than implementation details. Implement the page object pattern to encapsulate locator logic and interactions, making tests more readable and reducing maintenance burden when your application's UI changes.","q":"What are the best practices for Playwright locator selection and test organization?"},{"a":"e2e-playwright-testing provides strategies for testing form submissions and user interactions in React and single-page applications. Fill form fields using page.fill() or page.locator().fill(), then trigger submission with page.click() or page.press('Enter'). Wait for navigation or network responses using page.waitForNavigation() or page.waitForLoadState(). For React SPAs that don't perform full page reloads, use page.waitForSelector() or page.waitForFunction() to wait for DOM updates. Validate form behavior by checking for success messages, error states, or redirects after submission.","q":"How can I test form submissions and user interactions in React/SPA applications?"},{"a":"e2e-playwright-testing addresses flaky test problems by teaching proper wait strategies and locator debugging. Avoid hard-coded delays; instead use page.waitForLoadState('networkidle') or page.waitForSelector() to wait for elements deterministically. Enable Playwright's strict mode to catch ambiguous locators that match multiple elements. Use page.pause() to step through tests interactively, or run tests with --debug flag to inspect element selection. Check for timing issues in CI/CD environments by increasing timeouts and ensuring your application is fully loaded before interactions.","q":"How do I debug and fix flaky Playwright tests and locator issues?"},{"a":"e2e-playwright-testing covers authentication setup and CI/CD configuration for Playwright. Store authentication credentials securely using environment variables or secrets management. Implement authentication reuse by saving browser context state after login and restoring it in subsequent tests to avoid repeated login flows. Configure Playwright in your CI/CD pipeline (GitHub Actions, GitLab CI, Jenkins) by installing dependencies, running tests with appropriate reporters, and uploading test reports and artifacts. Use playwright.config.ts to define browser configurations, timeouts, and retry policies for reliable test execution across environments.","q":"How do I set up Playwright testing infrastructure with authentication and CI/CD?"},{"a":"e2e-playwright-testing equips you to build comprehensive browser automation tests that catch regressions before they reach production. Playwright supports Chromium, Firefox, and WebKit browsers, allowing you to validate cross-browser compatibility. Write tests that simulate real user flows\u2014navigation, form submission, clicking buttons, and verifying page state changes. Use Playwright's powerful API to handle dynamic content, waiting for elements, and network interception. Streamline your testing workflows by organizing tests logically, reusing authentication contexts, and running tests in parallel to reduce execution time while maintaining reliability.","q":"What should I know about Playwright browser automation and e2e testing web apps?"}],"shadow_tags":["web-automation","qa-testing","browser-testing","test-reliability","ui-testing","ci-cd-integration","accessibility-first","spa-testing"],"summary_rewrite":"Build robust browser automation tests for web applications with Playwright integration. This skill equips AI agents with the ability to write, execute, and validate end-to-end test scenarios across modern web platforms. Streamline your testing workflows and catch regressions before they reach production."},"files":[{"bytes":7132,"path":"skills/e2e-playwright-testing/SKILL.md","sha256":"dacfd2e824fa1a0cd3571053e13fb037cc4827b83760d769b3a0bdad98004e75","url":"https://skillfed.io/files/AsyrafHussin/agent-skills/e2e-playwright-testing/fdc3840e/SKILL.md"}],"id":"AsyrafHussin/agent-skills/e2e-playwright-testing","links":{"html":"https://skillfed.io/AsyrafHussin/agent-skills/e2e-playwright-testing","md":"https://skillfed.io/AsyrafHussin/agent-skills/e2e-playwright-testing.md","repo":"https://github.com/AsyrafHussin/agent-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":9,"language":null,"last_updated":"2026-05-16","license":"MIT","name":"e2e-playwright-testing","publisher":"AsyrafHussin","stars":58},"relations":{"similar":[{"id":"alinaqi/maggy/playwright-testing"},{"id":"activepieces/activepieces/playwright-e2e-testing"},{"id":"bobmatnyc/claude-mpm-skills/playwright"},{"id":"rysweet/amplihack/e2e-outside-in-test-generator"},{"id":"vasilyu1983/AI-Agents-public/qa-testing-playwright"},{"id":"mhagrelius/dotfiles/playwright-testing"},{"id":"irahardianto/awesome-agv/browser-automation"},{"id":"hieutrtr/ai1-skills/e2e-testing"},{"id":"hairyf/skills/e2e-testing"},{"id":"Mindrally/skills/playwright"}]},"slug":{"owner":"AsyrafHussin","repo":"agent-skills","skill":"e2e-playwright-testing"},"version":"fdc3840e"}