e2e-playwright

Standardize Playwright end-to-end browser tests with web-first assertions and isolated parallel execution.

25|3|Updated Jul 14, 2026
One-click install
npx skills add https://github.com/nimadorostkar/Claude-Skills-collection --skill e2e-playwright-nimadorostkar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: e2e-playwright
Source: https://github.com/nimadorostkar/Claude-Skills-collection/tree/main/skills/testing/e2e-playwright
Command: npx skills add https://github.com/nimadorostkar/Claude-Skills-collection --skill e2e-playwright-nimadorostkar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates the common pitfalls of end-to-end testing, specifically addressing flaky tests, slow execution times, and brittle locators that break during UI refactors.

Core Features & Use Cases

  • Resilient Locators: Prioritizes user-visible attributes like roles and accessible names over fragile CSS selectors.
  • Auto-Waiting: Leverages web-first assertions to eliminate manual sleeps and timeouts.
  • Performance Optimization: Implements authentication state reuse and parallel execution to drastically reduce suite runtime.
  • Use Case: Use this skill when setting up a new test suite for a web application or when debugging intermittent failures in an existing Playwright project.

Quick Start

Apply the e2e-playwright skill to refactor the current test suite by replacing all CSS-based selectors with role-based locators and implementing authentication state reuse.

Frequently Asked Questions about e2e-playwright

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
Why are my Playwright tests flaky and how do I fix intermittent failures?

Flaky Playwright tests are typically caused by brittle CSS selectors and manual timeouts. Refactoring tests to use resilient locators and web-first assertions eliminates manual sleeps, targeting user-visible attributes to ensure reliable execution during UI refactors.

How do I set up a new end-to-end test suite for a complex web application?

Setting up an end-to-end test suite requires standardizing test creation with the Playwright framework. You must implement independent test isolation, handle authentication workflows, and manage asynchronous state to ensure reliable parallel execution across complex web application workflows.

What is the best way to speed up slow Playwright test execution?

To speed up slow Playwright test execution, implement authentication state reuse and parallel execution. Standardizing test isolation allows multiple tests to run concurrently without interference, drastically reducing overall suite runtime for web applications.

How do I handle authentication state in browser tests without logging in every time?

Handling authentication state in browser tests is managed through authentication state reuse. This technique caches the logged-in state, bypassing repeated login workflows during parallel execution and significantly reducing test suite runtime.

When should I replace CSS selectors with role-based locators in my test suite?

You should replace CSS selectors with role-based locators whenever UI refactors cause brittle tests to break. Prioritizing user-visible attributes like accessible names and roles over fragile CSS selectors creates resilient locators that withstand structural changes.

Does Playwright work well for managing asynchronous state and network interception?

Yes, Playwright effectively targets complex web application workflows including network interception and asynchronous state management. Adhering to web-first assertion patterns and independent test isolation ensures reliable parallel execution in these scenarios.