skills.rest
ripgraphics
ripgraphicsCOMMUNITY
Explore all skills by this author →
GitHub

playwright-expert

Set up Playwright projects and write end-to-end tests for web applications.

Updated Apr 23, 2025
Search Tags:#debugging#qa#browser automation#playwright#e2e testing#cross-browser testing
One-click install
npx skills add https://github.com/ripgraphics/authorsinfo --skill playwright-expert-ripgraphics
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-expert
Source: https://github.com/ripgraphics/authorsinfo/tree/main/.cursor/skills/playwright-expert
Command: npx skills add https://github.com/ripgraphics/authorsinfo --skill playwright-expert-ripgraphics

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the process of setting up, writing, and debugging end-to-end tests using Playwright, addressing challenges with browser automation and cross-browser compatibility.

Core Features & Use Cases

  • E2E Test Setup: Guides through Playwright project initialization and configuration.
  • Test Writing: Provides examples for common scenarios like authentication, form submission, and API mocking.
  • Debugging & Optimization: Offers strategies for handling flaky tests and improving test reliability.
  • Use Case: Quickly set up Playwright for a new project, write robust login tests, and ensure cross-browser compatibility.

Quick Start

Run npm init playwright@latest to initialize Playwright in your project.

Frequently Asked Questions about playwright-expert

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

FAQPage Schema
How do I set up Playwright for end-to-end testing in a new project?▼

Writing robust E2E tests with Playwright involves implementing the Page Object Model and using API mocking to isolate user flows. This approach ensures reliable form submission and authentication validations across browsers.

What is the best way to handle flaky tests during cross-browser testing?▼

Handling flaky tests during cross-browser testing requires debugging strategies to improve test reliability. The skill provides optimization techniques to identify timing issues and stabilize browser automation workflows.

Does Playwright support visual regression testing and API mocking for QA automation?▼

Playwright supports visual regression testing and API mocking for QA automation to validate web applications. These features allow you to capture screenshots, mock network requests, and ensure consistent UI rendering.

Why does my Playwright browser automation test fail during authentication flows?▼

Playwright browser automation tests often fail during authentication flows due to incorrect network mocking or unhandled login state. Implementing proper Page Object Model patterns and session storage strategies resolves these failures.

Related Skills

Explore More Software Engineering Skills→
ggombeeggombee
13

setup-e2e

Automates Playwright E2E testing environment setup for web applications.

Community
Intermediate
xxihxxih
1

e2e-testing

Execute Playwright web app tests and generate HTML reports with CI/CD compatibility.

Community
Advanced
mindcockpit-aimindcockpit-ai
11

react-testing

Integrate Vitest, React Testing Library, MSW v2, and Playwright for React UI testing.

Official
Advanced
lidge-junlidge-jun
5

dev-testing

Guide web application testing with Playwright browser automation and coverage analysis.

Community
Advanced