webapp-testing
当用户需要测试本地 Web 应用功能、调试 UI 行为、抓取浏览器截图或查看控制台日志时使用。此 Skill 提供使用 Playwright 进行 Web 应用测试的工具集。
Datos de origen
- Repositorio
- boshi-xixixi/TraeSkill
- Última actividad en el origen
- 12 de mayo de 2026 a las 13:57
- Idioma detectado de SKILL.md
- chino
- Estrellas
- 274
- Forks
- 65
Opciones de instalación
De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.
Revisa los archivos de origen
Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.
Explorador de archivos
2 archivosMostrando SKILL.md
SKILL.md
Instrucciones de origen · Vista previa de solo lectura- name
- webapp-testing
- description
- 当用户需要测试本地 Web 应用功能、调试 UI 行为、抓取浏览器截图或查看控制台日志时使用。此 Skill 提供使用 Playwright 进行 Web 应用测试的工具集。
# WebApp Testing
使用 Playwright 进行本地 Web 应用测试的工具集。
## 核心能力
### 1. 浏览器交互
- 打开和导航页面
- 点击、填写表单
- 截图和快照
- 等待元素出现
### 2. 调试功能
- 查看控制台日志
- 检查网络请求
- 分析性能问题
- 内存快照
### 3. 测试验证
- 验证 UI 元素存在
- 检查文本内容
- 验证样式和布局
- 测试交互行为
## 使用场景
- **功能验证**: 验证前端功能是否正常工作
- **UI 调试**: 调试 UI 显示问题
- **自动化测试**: 编写自动化测试脚本
- **性能分析**: 分析页面加载和渲染性能
## 工作流程
1. **启动测试服务器**: 确保本地服务正在运行
2. **打开浏览器**: 使用 Playwright 打开目标页面
3. **执行测试**: 进行点击、输入、验证等操作
4. **收集结果**: 截图、日志、性能数据
## 与 Browser Automation 的区别
| 特性 | WebApp Testing | Browser Automation |
|------|---------------|-------------------|
| 主要用途 | 测试本地应用 | 自动化浏览器操作 |
| 侧重点 | 功能验证 | 任务自动化 |
| 典型场景 | 开发阶段测试 | 数据采集、自动化流程 |
| 工具链 | Playwright | Puppeteer/Playwright |
## 如何使用
- **验证功能**: "帮我测试一下登录功能是否正常"
- **调试 UI**: "检查这个按钮为什么点击没反应"
- **截图验证**: "帮我截个图看看页面效果"
- **性能分析**: "分析一下页面加载为什么这么慢"
Ver en GitHub