skills.rest
teknokomo
teknokomoOFFICIAL
Explore all skills by this author →
WebsiteGitHub

playwright-best-practices

Provide Playwright testing guidance across E2E, component, API, visual, and accessibility tests.

25|3|Updated Mar 3, 2025
Search Tags:#testing#debugging#e2e#playwright#best-practices#ci-cd
One-click install
npx skills add https://github.com/teknokomo/universo-platformo-react --skill playwright-best-practices-teknokomo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-best-practices
Source: https://github.com/teknokomo/universo-platformo-react/tree/main/.agents/skills/playwright-best-practices
Command: npx skills add https://github.com/teknokomo/universo-platformo-react --skill playwright-best-practices-teknokomo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides comprehensive guidance to write, debug, and maintain robust Playwright tests, helping teams reduce flaky failures and standardize approaches across projects.

Core Features & Use Cases

  • Activity-based references that surface the most relevant content for your current task.
  • Guidance across E2E, component, API, visual regression, accessibility, and CI/CD workflows with examples and patterns.
  • A curated map of references to accelerate learning and implementation, including examples for Page Object Model, authentication, and test annotations.

Quick Start

Describe your Playwright task and receive best-practice guidance across the relevant references.

Frequently Asked Questions about playwright-best-practices

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

FAQPage Schema
How do I stop Playwright E2E tests from being flaky?▼

To reduce flaky Playwright E2E tests, apply expert guidance from activity-based references that standardize testing patterns and auto-waiting mechanisms across your projects. This improves reliability by surfacing targeted best practices for your current debugging task.

What's the best way to refactor Playwright tests using the Page Object Model?▼

The best way to refactor Playwright tests with the Page Object Model is to follow curated architecture references that map refactoring activities to targeted examples. This approach improves maintainability by standardizing component interactions and reducing duplicated test code.

How do I debug failing Playwright tests in my CI/CD pipeline?▼

To debug failing Playwright tests in CI/CD pipelines, use the activity-based reference guide that maps debugging failures to infrastructure and debugging documentation. This delivers targeted guidance to identify root causes and configure pipeline environments correctly.

Does this guidance cover accessibility and visual regression testing in Playwright?▼

Yes, this guidance covers accessibility and visual regression testing in Playwright. It provides expert patterns and examples across E2E, component, API, visual, and accessibility tests to help teams standardize their comprehensive testing workflows.

How do I configure authentication for Playwright E2E tests?▼

To configure authentication for Playwright E2E tests, access the curated map of references that includes specific examples for authentication setup. This standardizes login workflows and test annotations to improve test execution speed and reliability.

Related Skills

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

test-setup

Initialize Vitest and Playwright testing infrastructure from upstream configs.

Official
Intermediate
vZulinvZulin

circleci-automation

Trigger CircleCI pipelines and monitor workflows, artifacts, and test metadata.

Community
Intermediate
tedtv1007-ctrltedtv1007-ctrl

playwright-testing

Automate browser-based end-to-end testing with Playwright.

Community
Advanced
rnavarychrnavarych
14

role-aqa:e2e-testing

Guide end-to-end test automation across Playwright, Cypress, Selenium, and WebdriverIO.

Community
Advanced