skills.rest
flatrick
flatrickCOMMUNITY
Explore all skills by this author →
GitHub

e2e-testing

Implement Playwright E2E testing with Page Object Model and CI/CD configuration.

1|Updated Mar 4, 2026
Search Tags:#automation#ci/cd#flaky tests#playwright#e2e testing#page object model
One-click install
npx skills add https://github.com/flatrick/mdt --skill e2e-testing-flatrick
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: e2e-testing
Source: https://github.com/flatrick/mdt/tree/main/skills/e2e-testing
Command: npx skills add https://github.com/flatrick/mdt --skill e2e-testing-flatrick

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide to building and maintaining robust end-to-end (E2E) tests using Playwright, addressing common challenges like flakiness and CI/CD integration.

Core Features & Use Cases

  • Playwright Best Practices: Implement the Page Object Model (POM) for maintainable test code.
  • Configuration & CI/CD: Set up Playwright for different environments and integrate with CI/CD pipelines.
  • Flaky Test Mitigation: Strategies for identifying, quarantining, and fixing unreliable tests.
  • Artifact Management: Configure automatic generation of screenshots, videos, and traces for debugging.
  • Use Case: Ensure your web application's critical user flows, like user registration and checkout, are consistently passing in your CI pipeline by leveraging these Playwright patterns.

Quick Start

Use the e2e-testing skill to set up a Playwright configuration file for your project.

Frequently Asked Questions about e2e-testing

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

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

Structure Playwright E2E tests using the Page Object Model by creating dedicated classes for web application components, encapsulating element selectors and interactions to ensure your test code remains maintainable and robust across critical user flows like checkout.

What's the best way to handle flaky tests in Playwright CI/CD pipelines?▼

Handle flaky tests in Playwright CI/CD pipelines by applying specific mitigation strategies to identify, quarantine, and fix unreliable tests, ensuring critical user flows consistently pass during automated end-to-end testing execution.

How do I configure Playwright to generate debugging artifacts like traces and videos?▼

Configure Playwright artifact management to automatically generate screenshots, videos, and traces during E2E test execution, providing the necessary visual and runtime data required for debugging failed web application flows.

Can I integrate Playwright E2E testing into my existing CI/CD workflow?▼

Yes, you can integrate Playwright E2E testing into your CI/CD workflow by configuring environment-specific settings and managing test artifacts, which ensures reliable automated end-to-end validation directly within your development pipeline.

Do I need Playwright installed to set up an E2E testing configuration file?▼

Yes, you need Playwright installed in your environment, as this Skill provides the configuration patterns and testing strategies required to execute end-to-end tests and generate reports for your web application.

Related Skills

Explore More Software Engineering Skills→
lucidlabs-hqlucidlabs-hq
2

test-setup

Initialize Vitest and Playwright testing infrastructure from upstream configs.

Official
Intermediate
mintitimintiti

ci-failure-analyzer

Analyze GitHub Actions CI failures and generate structured failure reports.

Community
Intermediate
nanorepublicananorepublica
61

Testing Unit Tests

Standardize unit-test coding practices across Claude Code projects.

Community
Basic
williamzujkowskiwilliamzujkowski
17

e2e-testing

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

Community
Intermediate