qa/e2e-playwright
This skill equips you with Playwright, a powerful framework for automating browser-based testing across multiple platforms. Deploy comprehensive end-to-end test suites that validate your web application's functionality, user interactions, and cross-browser compatibility with minimal configuration overhead.
qa/e2e-playwright equips you with a complete setup workflow for Playwright, covering installation, configuration, and initial project scaffolding. The skill guides you through initializing Playwright in your web project, selecting target browsers (Chromium, Firefox, WebKit), and configuring test runners to establish a foundation for automated browser-based testing across multiple platforms with minimal configuration overhead.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-26
qa/e2e-playwright equips you with a complete setup workflow for Playwright, covering installation, configuration, and initial project scaffolding. The skill guides you through initializing Playwright in your web project, selecting target browsers (Chromium, Firefox, WebKit), and configuring test runners to establish a foundation for automated browser-based testing across multiple platforms with minimal configuration overhead.
Use it when
- qa/e2e-playwright teaches best practices for maintainable E2E tests through the Page Object Model approach.
- qa/e2e-playwright provides comprehensive guidance on covering critical user workflows including authentication, CRUD operations.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
echoVic/boss-skill/e2e-playwright · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is the playwright e2e testing setup process?
qa/e2e-playwright equips you with a complete setup workflow for Playwright, covering installation, configuration, and initial project scaffolding. The skill guides you through initializing Playwright in your web project, selecting target browsers (Chromium, Firefox, WebKit), and configuring test runners to establish a foundation for automated browser-based testing across multiple platforms with minimal configuration overhead.
How do you implement Page Object Model patterns in Playwright tests?
qa/e2e-playwright teaches best practices for maintainable E2E tests through the Page Object Model approach, which encapsulates page-specific selectors and interactions into reusable classes. This skill covers structuring your test suite to separate test logic from UI implementation details, making your tests more readable, maintainable, and resilient to UI changes while enabling efficient test reuse across multiple test scenarios.
How to write end-to-end tests with playwright for critical user workflows?
qa/e2e-playwright provides comprehensive guidance on covering critical user workflows including authentication, CRUD operations, and core business flows. The skill teaches you how to validate complete user journeys from login through data manipulation to confirmation, ensuring your test suite captures real-world application behavior and validates that essential business processes function correctly across your web application.
What techniques does qa/e2e-playwright offer for debugging and fixing flaky tests?
qa/e2e-playwright equips you with advanced troubleshooting techniques including trace viewer inspection, UI mode interactive debugging, and systematic flaky test fixes. The skill covers identifying root causes of test instability, using Playwright's built-in debugging tools to capture detailed execution traces, and implementing strategies to eliminate timing issues and environmental dependencies that cause unreliable test results.
How do you integrate Playwright E2E tests into CI/CD pipelines?
qa/e2e-playwright covers integrating E2E tests into CI/CD pipelines to meet gating requirements, with specific guidance on GitHub Actions and other automation platforms. The skill teaches you how to configure automated test execution in your deployment workflow, manage test artifacts, parallelize test runs for efficiency, and establish quality gates that prevent code deployment when critical tests fail.
Can qa/e2e-playwright help with API mocking and visual regression testing?
qa/e2e-playwright addresses both API mocking and visual regression testing as part of comprehensive E2E validation. The skill teaches you how to stub and mock API calls to isolate frontend testing from backend dependencies, and covers screenshot comparison techniques for detecting unintended visual changes. These capabilities enable you to test user interfaces reliably while controlling external dependencies and validating visual consistency across browser versions.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Playwright E2E 测试方法论
适用场景
- Web 项目需要编写端到端测试
- 门禁（Gate 1）要求 E2E 测试通过
- 需要覆盖关键用户流程的自动化验证
- 需要多浏览器/多视口兼容性验证
- 需要视觉回归测试
1. 项目初始化
1.1 安装
# 新项目初始化（推荐）
npm init playwright@latest
# 已有项目添加
npm install -D @playwright/test
npx playwright install
1.2 配置文件（playwright.config.ts）
```typescript import { defineConfig, devices } from '@playwright/test';
export default defineConfig({ testDir: './e2e', // 测试产物目录 outputDir: './e2e/test-results',
// 全局超时 timeout: 30_000, expect: { timeout: 5_000 },
// 并行执行 fullyParallel: true, workers: process.env.CI ? 1 : undefined,
// 失败重试（CI 中重试一次减少 flaky） retries: process.env.CI ? 1 : 0,
// 报告 reporter: [ ['html', { outputFolder: './e2e/playwright-report' }], ['json', { outputFile: './e2e/test-results/results.json' }], // CI 中额外输出到
(truncated - see the full file via the links below)
File tree — 1 file
skill/skills/qa/e2e-playwright/SKILL.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Set up and configure Playwright E2E testing framework for web projects”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Automate browser-based testing for web applications with this Playwright-powered skill. Execute comprehensive end-to-end tests that validate real user interactions and workflows across your application, catching issues before production. Ideal for teams building reliable web experiences with automated verification.
This skill equips you to construct comprehensive end-to-end tests leveraging Playwright's capabilities alongside proven page object design patterns. Learn to organize test suites that remain maintainable as your application evolves, incorporating best practices that reduce flakiness and improve test reliability across your automation efforts.
This skill leverages Claude Code to automatically generate end-to-end tests following outside-in principles, where test design begins from user-facing scenarios and works inward through system layers. It streamlines test creation by translating application requirements into executable test cases that verify complete user journeys.
This skill enables you to create and execute Playwright-based end-to-end tests specifically designed for Supabase Studio. Leverage Claude Code to automate browser testing workflows, validate UI interactions, and ensure your Postgres development platform features work reliably across different scenarios.
e2e-test-builder equips you to design and deploy automated browser tests that validate your application's most important user journeys. This skill streamlines test configuration, helping you catch regressions early and maintain confidence in production deployments.
This skill provides battle-tested login automation patterns designed for Playwright end-to-end tests. Access curated code examples and authentication strategies that reduce hallucination and improve test reliability across sessions. Contribute and benefit from community-maintained patterns that evolve with real-world testing needs.
More skills playwright (Apache-2.0) · playwright-expert (MIT) · playwright-e2e-tester (MIT) · playwright (MIT) · e2e-tester (MIT) · Phoenix Playwright Tests (NOASSERTION) · Playwright E2e Testing (NOASSERTION) · playwright (MIT)