skills.rest
kevinchatham
kevinchathamCOMMUNITY
Explore all skills by this author →
GitHub

playwright-skill

Automate Playwright patterns for E2E, API, component, visual, accessibility, and security testing.

1|Updated Jul 5, 2025
Search Tags:#testing#e2e#migration#playwright#ci-cd#framework-patterns
One-click install
npx skills add https://github.com/kevinchatham/tressi --skill playwright-skill-kevinchatham
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-skill
Source: https://github.com/kevinchatham/tressi/tree/main/.agents/skills/playwright-skill
Command: npx skills add https://github.com/kevinchatham/tressi --skill playwright-skill-kevinchatham

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Playwright has a wide set of patterns and best practices across E2E, API, component, visual, accessibility, and security testing. This skill consolidates battle-tested guidance, setup patterns, and practical recipes to speed up reliable test authoring and CI integration.

Core Features & Use Cases

  • Comprehensive guides covering locators, assertions, fixtures, page objects, network mocking, authentication flows, debugging, and CI/CD integration.
  • Includes framework recipes for React, Next.js, Vue, and Angular, plus migration guides from Cypress and Selenium.
  • TypeScript and JavaScript examples that you can copy-paste into real tests and adapt to your project.

Quick Start

Install the skill in your project and begin applying guided Playwright patterns to accelerate test authoring.

Frequently Asked Questions about playwright-skill

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

FAQPage Schema
How do I set up Playwright E2E tests with TypeScript and CI/CD integration?▼

Playwright E2E test setup with TypeScript and CI/CD is automated using battle-tested patterns for locators, fixtures, and network mocking. The skill provides copy-pasteable TypeScript examples and CI/CD integration recipes to accelerate reliable test authoring.

What is the best way to migrate from Cypress or Selenium to Playwright?▼

Migrating from Cypress or Selenium to Playwright is guided by comprehensive migration guides included in the skill. These guides map existing test patterns to Playwright equivalents, covering locators, assertions, and authentication flows to ensure a smooth framework transition.

Can I use Playwright for API, component, and visual testing in a React or Next.js project?▼

Playwright supports API, component, and visual testing in React, Next.js, Vue, and Angular projects. The skill provides framework-specific recipes and setup patterns that enable comprehensive test coverage across multiple testing disciplines within your existing stack.

Does Playwright support accessibility and security testing patterns out of the box?▼

Playwright accessibility and security testing patterns are supported through consolidated guidance within the skill. It covers setup patterns, practical recipes, and documentation scaffolding to enforce consistent accessible testing alongside standard E2E workflows.

How do I handle authentication flows and network mocking in Playwright tests?▼

Authentication flows and network mocking in Playwright tests are handled using provided battle-tested patterns. The skill covers practical recipes for mocking network requests and managing authentication states to ensure reliable and isolated test executions.

Related Skills

Explore More Software Engineering Skills→
ProfPowellProfPowell
4

e2e-testing

Run end-to-end browser tests with Playwright for user flows and visual regression.

Community
Advanced
Fujigo-SoftwareFujigo-Software
24

testing-advanced

Automate end-to-end, property-based, mutation, and contract testing with CI/CD integration.

Official
Advanced
Rosetears520Rosetears520
2

browser-testing-with-devtools

Inspect live DOM, console output, network traffic, and visual state in Playwright browser tools.

Community
Intermediate
JaiminVadadoriyaJaiminVadadoriya
1

playwright-migration

Map Cypress or Selenium commands to Playwright for incremental migration.

Community
Advanced