跳转到主要内容
此内容尚未提供您的语言版本,正在以英文显示。

Playwright Expert

技能 已验证 活跃
属于:Fullstack Dev Skills

Use when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests. Invoke to write test scripts, create page objects, configure test fixtures, set up reporters, add CI integration, implement API mocking, or perform visual regression testing. Trigger terms: Playwright, E2E test, end-to-end, browser testing, automation, UI testing, visual testing, Page Object Model, test flakiness.

目的

Empower developers to write robust, maintainable, and efficient end-to-end tests with Playwright, covering the full lifecycle from setup to debugging and CI integration.

功能

  • Write Playwright test scripts
  • Create page objects
  • Configure test fixtures
  • Implement API mocking
  • Debug flaky browser tests
  • Visual regression testing guidance

使用场景

  • Setting up Playwright test infrastructure
  • Developing complex E2E test suites
  • Improving reliability of browser automation
  • Integrating Playwright tests into CI/CD pipelines

非目标

  • Writing tests for frameworks other than those supported by Playwright
  • Providing a full CI/CD pipeline setup (focus is on integration points)
  • Replacing Playwright itself, but rather guiding its effective use

工作流

  1. Analyze requirements for test coverage
  2. Configure Playwright environment
  3. Implement tests using Page Object Model and best practices
  4. Debug and resolve flaky tests using trace viewer and proper waits
  5. Integrate tests into CI/CD pipelines

实践

  • Test Design
  • Code Quality
  • Debugging

先决条件

  • Playwright installed
  • Node.js environment

安装

请先添加 Marketplace

/plugin marketplace add jeffallan/claude-skills
/plugin install claude-skills@fullstack-dev-skills

质量评分

已验证
98 /100
1 day ago 分析

信任信号

最近提交13 days ago
GitHub 所有者 jeffallan (opens in new tab)
星标9k
许可证MIT
状态
查看源代码

类似扩展

Vue Testing Best Practices

100

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

技能
hyf0

Develop Web Game

100

Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.

技能
davila7

Playwright Best Practices

100

用于编写 Playwright 测试、修复不稳定测试、调试失败、实现页面对象模型 (Page Object Model)、配置 CI/CD、优化性能、模拟 API、处理身份验证或 OAuth、测试可访问性 (axe-core)、文件上传/下载、日期/时间模拟、WebSockets、地理定位、权限、多标签/弹出窗口流程、移动/响应式布局、触摸手势、GraphQL、错误处理、离线模式、多人协作、第三方服务（付款、电子邮件验证）、控制台错误监控、全局设置/拆卸、测试注解（skip, fixme, slow）、测试标签（@smoke, @fast, @critical, 使用 --grep 过滤）、项目依赖项、安全测试（XSS, CSRF, 身份验证）、性能预算（Web Vitals, Lighthouse）、iframe、组件测试、canvas/WebGL、服务工作线程/PWA、测试覆盖率、i18n/本地化、Electron 应用或浏览器扩展测试。涵盖 E2E、组件、API、视觉、可访问性、安全、Electron 和扩展测试。

技能
currents-dev

Agent Browser

100

AI 代理的浏览器自动化 CLI。当用户需要与网站交互时使用，包括浏览页面、填写表单、点击按钮、截屏、提取数据、测试 Web 应用或自动化任何浏览器任务。触发条件包括请求“打开网站”、“填表”、“点击按钮”、“截屏”、“抓取页面数据”、“测试此 Web 应用”、“登录网站”、“自动化浏览器操作”或任何需要以编程方式进行 Web 交互的任务。

技能
shanraisshan

AutoBrowse

100

Self-improving browser automation via the auto-research loop. Iteratively runs a browsing task, reads the trace, and improves the navigation skill (strategy.md) until it reliably passes. Supports parallel runs across multiple tasks using sub-agents. Use when you want to build or improve browser automation skills for specific website tasks.

技能
browserbase

Deepinit

100

Deep codebase initialization with hierarchical AGENTS.md documentation

技能
Yeachan-Heo