1. 验证服务器状态 — lsof -i :PORT 和 curl 检查
2. 等待页面就绪 — page.wait_for_load_state('networkidle')
3. 视觉确认 — 操作前先截图
4. 读取完整输出 — 检查全部结果后再声明成功

设计理由：5 秒的侦查可以节省 30 分钟的调试

用户任务 --> 是静态 HTML 吗？
  |-- 是 --> 直接读 HTML 文件找选择器
  |   |-- 成功 --> 写 Playwright 脚本
  |   |-- 失败 --> 按动态处理（见下方）
  |
  |-- 否（动态 Web 应用）--> 服务器已在运行吗？
      |-- 否 --> 用 with_server.py 启动
      |   --> 写简化 Playwright 脚本
      |
      |-- 是 --> 侦查-执行模式：
          1. 导航并等待 networkidle
          2. 截图或检查 DOM
          3. 从渲染结果中识别选择器
          4. 用发现的选择器执行操作

1. 前端功能验证

自然语言描述测试需求 → AI 自动生成 Playwright 脚本 → 模拟点击、输入、导航、表单提交 → 支持功能回归和边界场景

2. UI 行为调试

DOM 检查 + 元素发现 + 视觉回归验证（前后截图对比）+ 响应式布局测试（不同 viewport）

3. 页面截图

全页面截图 + 测试前后对比（before.png / after.png）+ 失败时自动截图留存证据

4. 控制台日志采集

捕获所有 console 消息（log/error/warn）+ 实时输出 + 测试失败时自动分析日志并建议修复

5. 服务器生命周期管理

单/多服务器同时管理（backend + frontend）+ 端口轮询判断就绪 + 进程自动清理

+ fullstack-developer（最佳搭档）

fullstack-developer 产出代码 → webapp-testing 自动验证。开发 + 测试闭环，社区最推荐的组合。

+ systematic-debugging（调试场景）

测试失败时自动根因分析，快速定位问题。

+ code-review（交付场景）

测试通过后自动代码审查，多 Agent 并行审查。