技能 e2e-testing
📦

e2e-testing

安全

Automate End-to-End Testing with Playwright

Manual testing is slow and error-prone. This skill provides a structured 7-phase workflow for automated E2E testing with Playwright, from setup to CI/CD integration.

支援: Claude Codex Code(CC)
🥉 73 青銅
1

下載技能 ZIP

2

在 Claude 中上傳

前往 設定 → 功能 → 技能 → 上傳技能

3

開啟並開始使用

測試它

正在使用「e2e-testing」。 Set up E2E testing for a React application

預期結果:

Creates Playwright configuration file, installs dependencies, sets up test directory structure, and provides example test file with login flow test

正在使用「e2e-testing」。 Run cross-browser tests

預期結果:

Executes test suite against Chromium, Firefox, and WebKit browsers with detailed pass/fail reports and screenshot artifacts for failed tests

安全審計

安全
v1 • 2/24/2026

Static analyzer flagged 34 patterns (30 external_commands, 4 blocker) but all are false positives. The SKILL.md file is documentation, not executable code. Backticks are markdown formatting for skill references, not shell commands. No actual code execution or dangerous patterns exist.

1
已掃描檔案
167
分析行數
0
發現項
1
審計總數
未發現安全問題
審計者: claude

品質評分

38
架構
100
可維護性
87
內容
50
社群
100
安全
83
規範符合性

你能建構什麼

QA Engineers automating regression testing

Set up comprehensive E2E test suites that run automatically on every code change, catching regressions before production deployment.

Developers implementing test-driven development

Create automated browser tests alongside feature development to ensure user flows work correctly across all supported browsers.

DevOps teams building CI/CD pipelines

Integrate automated E2E testing into deployment workflows with parallel execution, artifacts, and test reporting.

試試這些提示

Basic Playwright Setup
Use @playwright-skill to set up Playwright testing in my project. Install dependencies, configure test framework, and create a basic test file.
Test Strategy Design
Use @e2e-testing-patterns to design an E2E test strategy for my application. Identify critical user flows that need automated testing.
Visual Regression Testing
Use @playwright-skill to implement visual regression testing. Set up baseline images and add visual assertions to detect UI changes.
CI/CD Pipeline Integration
Use @github-actions-templates to create a GitHub Actions workflow that runs E2E tests in parallel across browsers and uploads test artifacts.

最佳實務

  • Use page object pattern to separate test logic from page structure for maintainable tests
  • Implement proper wait strategies using Playwright auto-wait instead of hardcoded timeouts
  • Run tests in headless mode for CI and headed mode locally for debugging

避免

  • Using hardcoded sleep delays instead of Playwright's built-in auto-wait functionality
  • Writing tests that depend on specific test execution order instead of isolated tests
  • Storing test credentials in plain text instead of using environment variables

常見問題

What browsers does Playwright support for E2E testing?
Playwright supports Chromium (Chrome/Edge), Firefox, and WebKit (Safari). You can run tests against all browsers in parallel for comprehensive coverage.
How do I handle authentication in E2E tests?
Use Playwright's storage state feature to save and reuse authentication sessions across tests, avoiding repeated login flows.
Can I run E2E tests on mobile viewports?
Yes, Playwright supports mobile device emulation with predefined device descriptors for common phones and tablets.
How do I debug failing E2E tests?
Use Playwright's trace viewer, video recording, and screenshot capabilities. Run tests in headed mode with slow motion for visual debugging.
What is visual regression testing and when should I use it?
Visual regression testing compares screenshots against baselines to detect unintended UI changes. Use it for critical pages and components where visual consistency matters.
How can I speed up E2E test execution in CI?
Run tests in parallel across multiple workers, use project sharding in CI, and configure browsers to run headless. Consider using Playwright's built-in parallelization.

開發者詳情

檔案結構

📄 SKILL.md