e2e-testing
使用 Playwright 自动化端到端测试
手动测试效率低下且容易出错。本技能提供了一个结构化的 7 阶段自动化 E2E 测试工作流程，涵盖从设置到 CI/CD 集成的完整流程。
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "e2e-testing". 为 React 应用程序设置 E2E 测试
النتيجة المتوقعة:
创建 Playwright 配置文件，安装依赖项，设置测试目录结构，并提供包含登录流程测试的示例测试文件
استخدام "e2e-testing". 运行跨浏览器测试
النتيجة المتوقعة:
在 Chromium、Firefox 和 WebKit 浏览器上执行测试套件，生成详细的通过/失败报告和失败测试的截图工件
التدقيق الأمني
آمن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.
درجة الجودة
ماذا يمكنك بناءه
自动化回归测试的 QA 工程师
设置全面的 E2E 测试套件，在每次代码变更时自动运行，在生产部署前捕获回归问题。
实施测试驱动开发的开发人员
在功能开发的同时创建自动化浏览器测试，确保用户流程在所有支持的浏览器上正常工作。
构建 CI/CD 流水线的 DevOps 团队
将自动化 E2E 测试集成到部署工作流中，支持并行执行、工件生成和测试报告。
جرّب هذه الموجهات
使用 @playwright-skill 在我的项目中设置 Playwright 测试。安装依赖项，配置测试框架，并创建基础测试文件。
使用 @e2e-testing-patterns 为我的应用程序设计 E2E 测试策略。识别需要自动化测试的关键用户流程。
使用 @playwright-skill 实现视觉回归测试。设置基线图像并添加视觉断言以检测 UI 变化。
使用 @github-actions-templates 创建一个 GitHub Actions 工作流，在多个浏览器上并行运行 E2E 测试并上传测试工件。
أفضل الممارسات
- 使用页面对象模式将测试逻辑与页面结构分离，提高测试可维护性
- 使用 Playwright 自动等待功能代替硬编码超时，实现正确的等待策略
- 在 CI 环境中以无头模式运行测试，本地调试时使用有头模式
تجنب
- 使用硬编码的 sleep 延迟而不是 Playwright 内置的自动等待功能
- 编写依赖特定测试执行顺序的测试，而不是独立测试
- 以明文存储测试凭据，而不是使用环境变量