核心功能
webapp-testing 是基于 Playwright 的本地 Web 应用测试技能，覆盖前端功能验证、UI 调试、页面截图与浏览器控制台日志采集，遵循「先侦查后执行」的流程。提供示例与辅助脚本，支持静态 HTML 自动化测试、元素定位与日志抓取，并可在前后端分离等多服务场景下统一管理服务器生命周期。用自然语言描述测试需求即可触发。
功能亮点
先侦查后执行
先侦查页面结构与运行状态，再执行测试动作，避免盲目操作导致失败。
页面截图
按需求截取首页或指定区域的完整截图，辅助 UI 视觉验证与调试。
日志采集
抓取浏览器控制台日志，快速定位页面报错与运行异常。
服务管理
用 with_server.py 统一管理多服务生命周期，适配前后端分离。
适用场景
• 验证前端功能是否按预期工作
• 调试页面 UI 布局问题
• 采集浏览器控制台报错日志
• 对纯静态 HTML 页面做自动化测试
• 多服务架构下统一启停测试环境
安装配置
TRAE 桌面版打开插件市场，点击「技能」页签，搜索 webapp-testing，点击技能卡片右侧的 + 按钮安装。
使用方法
通过自然语言描述测试需求，如「测试登录流程」「截取首页完整截图」，AI 会自动加载该技能执行 Playwright 测试流程。
优点
- 基于 Playwright，能力成熟
- 先侦查后执行，减少误操作
- 覆盖截图、日志、功能多维度
- 支持静态页与多服务场景
缺点
- 依赖本地服务已启动
- 复杂交互测试需较多上下文描述
- 截图结果需人工核对