e2e-testing

Design Playwright end-to-end test suites with Page Object Model and CI artifact management.

Updated Apr 16, 2026
One-click install
npx skills add https://github.com/jjmendezrodriguez/jm-claude-plugin --skill e2e-testing-jjmendezrodriguez
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: e2e-testing
Source: https://github.com/jjmendezrodriguez/jm-claude-plugin/tree/main/skills/e2e-testing
Command: npx skills add https://github.com/jjmendezrodriguez/jm-claude-plugin --skill e2e-testing-jjmendezrodriguez

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Playwright end-to-end tests often become flaky, slow, and hard to maintain when page structure changes, network timing varies, or CI environments behave differently from local runs.

Core Features & Use Cases

  • Page Object Model (POM): Encapsulate UI interactions in page classes to reduce duplication and make refactors safer.
  • Playwright configuration & multi-project setup: Define retries, workers, reporters, baseURL, and browser projects for consistent coverage across environments.
  • Flaky test strategies & quarantine: Use targeted fixes (fixme/skip), repeat runs, and diagnostic patterns to identify root causes without blocking delivery.
  • Artifact management in CI: Capture screenshots, traces, videos, and HTML/JUnit/JSON reports and upload them as build artifacts for fast debugging.
  • Use cases: Authentication flows, feature browsing/search, API endpoint verification, and critical financial/transaction paths with environment-appropriate safeguards.

Quick Start

Use the e2e-testing skill to generate a stable Playwright E2E suite using POM, a tuned playwright.config.ts, and CI artifact uploads for failures.

Frequently Asked Questions about e2e-testing

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

FAQPage Schema
How do I fix flaky Playwright tests in CI?

Flaky Playwright tests in CI are addressed by applying targeted fixes using fixme or skip directives, running repeat executions to identify root causes, and capturing screenshots, traces, and videos as build artifacts for fast debugging.

What is the best way to structure Playwright E2E test suites?

The best way to structure Playwright E2E test suites is using the Page Object Model (POM) to encapsulate UI interactions in page classes, reducing duplication and making refactors safer when page structure changes.

How do I configure Playwright for consistent local and CI execution?

Configure Playwright for consistent execution by defining retries, workers, reporters, baseURL, and multi-project browser setups in a tuned playwright.config.ts file to ensure consistent coverage across varying environments.

How do I manage test artifacts in CI/CD for Playwright failures?

Manage test artifacts in CI/CD by capturing screenshots, traces, videos, and HTML/JUnit/JSON reports during Playwright runs, then uploading them as build artifacts to enable fast debugging of network timing or UI failures.

Can I use Playwright for critical path and API endpoint verification?

Yes, Playwright supports browser-based functional testing for critical financial and transaction paths, authentication flows, feature browsing, and API endpoint verification, applying environment-appropriate safeguards to ensure reliability.

Why does Playwright E2E testing become hard to maintain?

Playwright E2E testing becomes hard to maintain when page structure changes, network timing varies, or CI environments behave differently from local runs, requiring structured test organization and robust configuration to resolve.