playwright-best-practices

Guide Playwright test development in TypeScript across E2E, component, API, visual, accessibility, security, Electron, and extension testing.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/saschadudkin-sketch/rezidence4 --skill playwright-best-practices-saschadudkin-sketch
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-best-practices
Source: https://github.com/saschadudkin-sketch/rezidence4/tree/main/.agents/skills/playwright-best-practices
Command: npx skills add https://github.com/saschadudkin-sketch/rezidence4 --skill playwright-best-practices-saschadudkin-sketch

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides specialized guidance for writing, debugging, and maintaining Playwright tests in TypeScript, ensuring best practices are followed for various testing scenarios.

Core Features & Use Cases

  • Best Practices Guidance: Offers comprehensive guidance for writing, debugging, and maintaining Playwright tests.
  • Activity-Based References: Provides references based on the user's current activity, such as writing new tests, debugging failures, or implementing Page Object Model.
  • Framework-Specific Testing: Covers testing with React, Angular, Vue, and Next.js applications.
  • Infrastructure & CI/CD: Includes setup and configuration for CI/CD pipelines, GitHub Actions, GitLab CI, Docker, and more.

Quick Start

Install the skill and add it to your project using the command: npx skills add https://github.com/currents-dev/playwright-best-practices-skill

Frequently Asked Questions about playwright-best-practices

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 in TypeScript?

Playwright E2E tests in TypeScript can be structured using the Page Object Model by following comprehensive guidance that provides activity-based references for writing new tests, debugging failures, and implementing maintainable test architecture.

What's the best way to configure Playwright testing for CI/CD pipelines and GitHub Actions?

The best way to configure Playwright testing for CI/CD pipelines involves setup and configuration guidance for GitHub Actions, GitLab CI, and Docker, ensuring tests run consistently across different infrastructure environments.

Does this Playwright testing guidance cover component testing for React, Angular, and Vue frameworks?

Yes, this Playwright testing guidance covers framework-specific component testing for React, Angular, Vue, and Next.js applications, providing best practices for implementing and maintaining tests across different JavaScript frameworks.

What types of specialized testing scenarios does this Playwright best practices guidance support?

Playwright best practices guidance supports specialized testing scenarios including API testing, visual regression testing, accessibility testing, security testing, Electron app testing, and browser extension testing.

Why do my Playwright tests fail in CI and how do I debug them effectively?

Playwright test failures in CI can be debugged effectively using activity-based references that target debugging failures, offering comprehensive guidance to identify flaky tests, timing issues, and infrastructure configuration problems.