skills.rest
wesleyegberto
wesleyegbertoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

playwright-expert

Automate Playwright browser test setup, maintenance, and debugging workflows.

3|2|Updated Mar 23, 2026
Search Tags:#automation#playwright#e2e-testing#page-object-model#flaky-tests#api-mocking#ci-integration
One-click install
npx skills add https://github.com/wesleyegberto/software-engineering-skills --skill playwright-expert-wesleyegberto
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-expert
Source: https://github.com/wesleyegberto/software-engineering-skills/tree/main/plugins/node/skills/playwright-expert
Command: npx skills add https://github.com/wesleyegberto/software-engineering-skills --skill playwright-expert-wesleyegberto

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Playwright expert skill accelerates the setup, maintenance, and debugging of end-to-end browser tests, turning flaky test runs into stable automation workflows.

Core Features & Use Cases

  • Write tests with Page Object Model and robust locators.
  • Configure fixtures, reporters, and CI integration for consistent pipelines.
  • Mock APIs, debug flaky tests, and enable tracing and visual testing across browsers.

Quick Start

Create a Playwright-based test suite using the Page Object Model to validate a login flow.

Frequently Asked Questions about playwright-expert

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

FAQPage Schema
How do I structure Playwright tests using the Page Object Model?▼

Structure Playwright tests with the Page Object Model by building page objects that encapsulate role-based selectors and locators, keeping test logic separate from UI implementation. This approach ensures robust e2e-testing workflows and easier maintenance.

What's the best way to debug flaky tests in Playwright?▼

Debug flaky tests in Playwright by enabling trace and screenshot capture, then reviewing the execution logs to identify timing or selector issues. Applying API mocking and stable locators further isolates the tests from backend instability.

How do I configure Playwright fixtures and reporters for CI integration?▼

Configure Playwright fixtures and reporters for CI integration by defining multi-browser projects and parallel execution settings in the configuration file. This setup provides consistent testing pipelines and structured test output for automation environments.

Can I mock APIs in Playwright to isolate frontend testing?▼

You can mock APIs in Playwright to isolate frontend testing by intercepting network requests within your test scripts. This API mocking allows you to validate UI behavior and edge cases without relying on live backend services.

How does Playwright handle parallel execution across multiple browsers?▼

Playwright handles parallel execution across multiple browsers by configuring multi-browser projects within the test runner. This setup concurrently executes tests across different environments, significantly reducing overall test suite execution time.

Related Skills

Explore More Software Engineering Skills→
ryankoleanryankolean
3

cli-playwright

Automate browser interactions and end-to-end tests across Chromium, Firefox, and WebKit.

Community
Advanced
mvillmowmvillmow
18

analyze-ci-failure-logs

Analyze CI failure logs to identify root causes and error patterns.

Community
Intermediate
hidonguyenhidonguyen

ck:test

Execute unit, integration, e2e, and UI tests across JavaScript/TypeScript, Python, Go, Rust, and Flutter projects.

Community
Advanced
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate