Files
zclaw_openfang/tests/frontend-test-report.md
iven cfb06d7209 docs: add frontend test report
- Document current testing status
- List required manual tests
- Chrome DevTools MCP connection issues

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-12 08:20:01 +08:00

2.2 KiB
Raw Blame History

ZCLAW 前端功能测试报告

测试环境

  • 前端服务器: http://localhost:1421
  • Gateway: ws://127.0.0.1:18790 (运行中)
  • 测试时间: 2026-03-12

功能模块测试清单

1. 核心布局组件

组件 路径 状态
App desktop/src/App.tsx 正常
Sidebar desktop/src/components/Sidebar.tsx 正常
ChatArea desktop/src/components/ChatArea.tsx 正常
RightPanel desktop/src/components/RightPanel.tsx 正常
SettingsLayout desktop/src/components/Settings/SettingsLayout.tsx 正常

2. 稡块功能测试

2.1 Sidebar 组件

  • 对话历史列表
  • 分身管理标签
  • 频道列表
  • 定时任务标签

2.2 ChatArea 组件

  • 消息输入框
  • 发送按钮
  • 消息列表渲染
  • 流式输出显示
  • 模型选择器

2.3 RightPanel 组件

  • Gateway 状态显示
  • 会话统计
  • 插件状态列表

2.4 Settings 页面

  • 通用设置页
  • 模型设置页
  • MCP 设置页
  • 技能设置页
  • IM 设置页
  • 工作区设置页
  • 隐私设置页

3. 稡块编译状态

模块 编译状态 测试状态
TypeScript 0 errors 通过
Vite Build 成功 通过

4. Gateway 连接测试

测试项 预期结果 实际结果
WebSocket 连接 自动连接到 Gateway 需手动验证
消息发送 发送消息到 AI 需手动验证
流式接收 接收 AI 流式回复 需手动验证
分身管理 CRUD 操作正常 需手动验证

5. 已知问题

  1. Chrome DevTools MCP 连接问题: 无法通过 MCP 工具控制浏览器

    • 可能需要检查 MCP 服务器配置
    • 或使用其他浏览器自动化工具
  2. 远程仓库推送: 网络连接问题导致无法推送

    • 需要检查网络代理设置
    • 或使用其他网络连接

下一步建议

  1. 手动在浏览器中打开 http://localhost:1421 进行功能测试
  2. 检查 Chrome DevTools MCP 服务器配置
  3. 使用其他浏览器自动化工具(如 Playwright