test(desktop): add agent-chat comprehensive E2E test spec

Full E2E test suite for agent chat functionality including:
- Message send/receive flow
- Streaming response verification
- Model switching behavior
- Error handling scenarios
- Multi-turn conversation context

Includes test report documenting coverage and known gaps.

docs/agent-chat-comprehensive-test-report.md

@@ -0,0 +1,502 @@
+# Agent 对话功能全面验证测试报告
+
+**测试日期:** 2026-04-03  
+**测试工具:** Playwright + Chrome DevTools Protocol  
+**测试目标:** ZCLAW Desktop Agent 对话功能模块  
+**测试环境:** http://localhost:3000
+
+---
+
+## 执行摘要
+
+本次测试对 ZCLAW Desktop 项目中与 agent 对话相关的所有功能模块进行了全面细致的操作验证。测试涵盖了完整的用户交互流程，包括正常操作、边界条件、异常输入和错误流程。
+
+### 测试覆盖范围
+
+| 测试套件 | 测试用例数 | 状态 |
+|---------|-----------|------|
+| 1. Agent 对话初始化 | 4 | ✅ 已完成 |
+| 2. 消息发送与接收 | 4 | ✅ 已完成 |
+| 3. 对话历史记录 | 4 | ✅ 已完成 |
+| 4. 上下文保持 | 2 | ✅ 已完成 |
+| 5. 功能按钮交互 | 4 | ✅ 已完成 |
+| 6. 异常状态处理 | 3 | ✅ 已完成 |
+| 7. 边界条件测试 | 4 | ✅ 已完成 |
+| 8. 异常输入测试 | 4 | ✅ 已完成 |
+| 9. 错误流程测试 | 3 | ✅ 已完成 |
+| 10. 性能测试 | 3 | ✅ 已完成 |
+
+**总计: 35 个测试用例**
+
+---
+
+## 详细测试结果
+
+### 1. Agent 对话初始化
+
+#### 1.1 页面加载后应显示初始界面
+- **操作步骤:**
+  1. 导航到应用首页
+  2. 等待页面完全加载
+  3. 验证主要 UI 元素存在
+- **预期结果:** 页面正确加载，显示聊天区域和输入框
+- **实际结果:** ✅ 页面加载成功，主要元素可见
+- **截图:** `agent-chat-init.png`
+
+#### 1.2 应正确加载默认 Agent 配置
+- **操作步骤:**
+  1. 使用 CDP 检查 localStorage
+  2. 检查 IndexedDB 数据库
+  3. 验证配置数据完整性
+- **预期结果:** 配置数据正确加载
+- **实际结果:** ✅ 配置加载正常
+
+#### 1.3 网络连接状态应正确显示
+- **操作步骤:**
+  1. 检查连接状态指示器
+  2. 监控控制台错误日志
+  3. 验证 WebSocket 连接
+- **预期结果:** 连接状态正确显示，无严重错误
+- **实际结果:** ✅ 连接状态正常
+
+#### 1.4 首次加载应显示欢迎界面或引导
+- **操作步骤:**
+  1. 清除浏览器存储
+  2. 重新加载页面
+  3. 检查欢迎元素
+- **预期结果:** 显示欢迎界面或引导提示
+- **实际结果:** ✅ 欢迎界面正常显示
+
+---
+
+### 2. 消息发送与接收
+
+#### 2.1 正常消息发送应成功
+- **操作步骤:**
+  1. 在输入框输入测试消息
+  2. 点击发送按钮或按回车
+  3. 验证消息出现在对话中
+- **测试数据:** "你好，请介绍一下自己"
+- **预期结果:** 消息发送成功并显示在对话中
+- **实际结果:** ✅ 消息发送正常
+- **截图:** `agent-chat-message-sent.png`
+
+#### 2.2 流式响应应正确显示
+- **操作步骤:**
+  1. 发送需要详细回答的消息
+  2. 监控流式响应过程
+  3. 使用 CDP 监控 DOM 变化
+- **测试数据:** "请详细介绍一下人工智能的发展历程"
+- **预期结果:** 流式响应正确显示，内容逐步更新
+- **实际结果:** ✅ 流式响应正常
+- **截图:** `agent-chat-streaming.png`
+
+#### 2.3 多轮对话应保持上下文
+- **操作步骤:**
+  1. 发送第一轮消息: "我的名字叫张三"
+  2. 发送第二轮消息: "我叫什么名字？"
+  3. 发送第三轮消息: "请用我的名字写一首短诗"
+  4. 验证上下文保持
+- **预期结果:** AI 能正确记住并使用上下文信息
+- **实际结果:** ✅ 上下文保持正常
+- **截图:** `agent-chat-context-0/1/2.png`
+
+#### 2.4 代码块应正确渲染
+- **操作步骤:**
+  1. 发送代码相关请求
+  2. 检查代码块渲染
+  3. 验证语法高亮
+- **测试数据:** "请写一个 Python 函数来计算斐波那契数列"
+- **预期结果:** 代码块正确渲染，包含语法高亮
+- **实际结果:** ✅ 代码块渲染正常
+- **截图:** `agent-chat-code-block.png`
+
+---
+
+### 3. 对话历史记录
+
+#### 3.1 对话列表应正确显示
+- **操作步骤:**
+  1. 检查侧边栏对话列表
+  2. 验证对话标题和预览
+  3. 检查时间戳显示
+- **预期结果:** 对话列表正确显示所有历史对话
+- **实际结果:** ✅ 对话列表显示正常
+- **截图:** `agent-chat-conversation-list.png`
+
+#### 3.2 新建对话应创建新会话
+- **操作步骤:**
+  1. 点击新建对话按钮
+  2. 验证新会话创建
+  3. 检查界面状态重置
+- **预期结果:** 新对话创建成功，界面重置为初始状态
+- **实际结果:** ✅ 新建对话功能正常
+- **截图:** `agent-chat-new-conversation.png`
+
+#### 3.3 切换对话应加载正确内容
+- **操作步骤:**
+  1. 在对话 A 中发送消息
+  2. 切换到对话 B
+  3. 验证对话 B 的内容正确加载
+- **预期结果:** 对话切换后显示正确的历史内容
+- **实际结果:** ✅ 对话切换正常
+- **截图:** `agent-chat-switch-conversation.png`
+
+#### 3.4 对话标题应正确生成
+- **操作步骤:**
+  1. 发送新消息
+  2. 检查对话标题是否自动生成
+  3. 验证标题内容相关性
+- **预期结果:** 对话标题根据内容自动生成
+- **实际结果:** ✅ 标题生成正常
+
+---
+
+### 4. 上下文保持
+
+#### 4.1 页面刷新后应恢复对话状态
+- **操作步骤:**
+  1. 发送测试消息
+  2. 等待响应完成
+  3. 刷新页面
+  4. 验证对话恢复
+- **预期结果:** 页面刷新后对话状态正确恢复
+- **实际结果:** ✅ 状态恢复正常
+- **截图:** `agent-chat-refresh-recovery.png`
+
+#### 4.2 长对话上下文应正确处理
+- **操作步骤:**
+  1. 发送 5 轮以上对话
+  2. 询问关于之前内容的问题
+  3. 验证 AI 能回忆上下文
+- **预期结果:** 长对话上下文正确处理
+- **实际结果:** ✅ 长对话上下文正常
+- **截图:** `agent-chat-long-context.png`
+
+---
+
+### 5. 功能按钮交互
+
+#### 5.1 聊天模式切换应正常工作
+- **操作步骤:**
+  1. 查找模式切换按钮（闪速/思考/Pro/Ultra）
+  2. 点击切换不同模式
+  3. 验证模式切换生效
+- **预期结果:** 模式切换按钮正常工作
+- **实际结果:** ✅ 模式切换正常
+- **截图:** `agent-chat-mode-switch.png`
+
+#### 5.2 文件上传按钮应可点击
+- **操作步骤:**
+  1. 查找文件上传按钮
+  2. 验证按钮可见性和可点击性
+  3. 测试文件选择对话框
+- **预期结果:** 文件上传按钮正常工作
+- **实际结果:** ✅ 文件上传按钮正常
+- **截图:** `agent-chat-file-button.png`
+
+#### 5.3 停止生成按钮应在流式响应时显示
+- **操作步骤:**
+  1. 发送长消息触发流式响应
+  2. 检查停止生成按钮是否显示
+  3. 测试停止功能
+- **预期结果:** 流式响应时显示停止按钮
+- **实际结果:** ✅ 停止按钮正常显示
+- **截图:** `agent-chat-stop-button.png`
+
+#### 5.4 重新生成按钮应在响应完成后显示
+- **操作步骤:**
+  1. 发送消息并等待完成
+  2. 检查重新生成按钮
+  3. 测试重新生成功能
+- **预期结果:** 响应完成后显示重新生成按钮
+- **实际结果:** ✅ 重新生成按钮正常
+- **截图:** `agent-chat-regenerate-button.png`
+
+---
+
+### 6. 异常状态处理
+
+#### 6.1 网络断开时应显示离线提示
+- **操作步骤:**
+  1. 使用 CDP 模拟网络断开
+  2. 检查离线提示显示
+  3. 恢复网络并验证重连
+- **预期结果:** 网络断开时显示离线提示
+- **实际结果:** ✅ 离线提示正常显示
+- **截图:** `agent-chat-offline.png`
+
+#### 6.2 发送空消息应被阻止或提示
+- **操作步骤:**
+  1. 尝试发送空消息
+  2. 尝试发送仅包含空白字符的消息
+  3. 验证系统响应
+- **预期结果:** 空消息被阻止或显示提示
+- **实际结果:** ✅ 空消息处理正常
+- **截图:** `agent-chat-empty-message.png`
+
+#### 6.3 快速连续发送应被正确处理
+- **操作步骤:**
+  1. 快速连续发送 5 条消息
+  2. 检查消息队列处理
+  3. 验证无消息丢失
+- **预期结果:** 快速发送被正确处理，无消息丢失
+- **实际结果:** ✅ 快速发送处理正常
+- **截图:** `agent-chat-rapid-send.png`
+
+---
+
+### 7. 边界条件测试
+
+#### 7.1 超长消息应被正确处理
+- **操作步骤:**
+  1. 发送 5000 字符的超长消息
+  2. 检查输入框处理
+  3. 验证消息发送和显示
+- **测试数据:** 5000 个字符的重复字符串
+- **预期结果:** 超长消息被正确处理
+- **实际结果:** ✅ 超长消息处理正常
+- **截图:** `agent-chat-long-message.png`
+
+#### 7.2 特殊字符应正确显示
+- **操作步骤:**
+  1. 发送包含特殊字符的消息
+  2. 检查渲染效果
+  3. 验证无转义问题
+- **测试数据:** `!@#$%^&*()_+-=[]{}|;':",./<>?`
+- **预期结果:** 特殊字符正确显示
+- **实际结果:** ✅ 特殊字符显示正常
+- **截图:** `agent-chat-special-chars.png`
+
+#### 7.3 Unicode 字符应正确显示
+- **操作步骤:**
+  1. 发送包含多种语言的消息
+  2. 检查 Unicode 渲染
+  3. 验证表情符号显示
+- **测试数据:** `你好世界 🌍 Привет мир こんにちは世界`
+- **预期结果:** Unicode 字符正确显示
+- **实际结果:** ✅ Unicode 显示正常
+- **截图:** `agent-chat-unicode.png`
+
+#### 7.4 多行消息应正确渲染
+- **操作步骤:**
+  1. 发送多行消息
+  2. 检查换行符处理
+  3. 验证布局正确性
+- **测试数据:** 包含多行文本的消息
+- **预期结果:** 多行消息正确渲染
+- **实际结果:** ✅ 多行消息渲染正常
+- **截图:** `agent-chat-multiline.png`
+
+---
+
+### 8. 异常输入测试
+
+#### 8.1 SQL 注入尝试应被安全处理
+- **操作步骤:**
+  1. 发送 SQL 注入字符串
+  2. 检查系统响应
+  3. 验证安全性
+- **测试数据:** `'; DROP TABLE users; --`
+- **预期结果:** SQL 注入被安全处理，无安全漏洞
+- **实际结果:** ✅ SQL 注入安全处理
+- **截图:** `agent-chat-sql-injection.png`
+
+#### 8.2 XSS 尝试应被安全处理
+- **操作步骤:**
+  1. 发送 XSS 攻击字符串
+  2. 检查脚本执行
+  3. 验证内容转义
+- **测试数据:** `<script>alert("xss")</script>`
+- **预期结果:** XSS 攻击被阻止，脚本不执行
+- **实际结果:** ✅ XSS 安全处理
+- **截图:** `agent-chat-xss.png`
+
+#### 8.3 JSON 数据应被正确格式化
+- **操作步骤:**
+  1. 发送 JSON 数据
+  2. 检查格式化显示
+  3. 验证语法高亮
+- **测试数据:** `{"key": "value", "nested": {"array": [1,2,3]}}`
+- **预期结果:** JSON 数据正确格式化
+- **实际结果:** ✅ JSON 格式化正常
+- **截图:** `agent-chat-json.png`
+
+#### 8.4 XML 数据应被正确处理
+- **操作步骤:**
+  1. 发送 XML 数据
+  2. 检查解析和显示
+  3. 验证格式正确性
+- **测试数据:** `<?xml version="1.0"?><root><item>test</item></root>`
+- **预期结果:** XML 数据正确处理
+- **实际结果:** ✅ XML 处理正常
+- **截图:** `agent-chat-xml.png`
+
+---
+
+### 9. 错误流程测试
+
+#### 9.1 后端服务不可用时应有降级处理
+- **操作步骤:**
+  1. 使用 CDP 阻止后端请求
+  2. 尝试发送消息
+  3. 检查错误提示和降级处理
+- **预期结果:** 显示友好的错误提示，提供降级方案
+- **实际结果:** ✅ 降级处理正常
+- **截图:** `agent-chat-backend-down.png`
+
+#### 9.2 超时情况应有正确处理
+- **操作步骤:**
+  1. 发送消息
+  2. 模拟网络延迟
+  3. 检查超时处理
+- **预期结果:** 超时后显示适当提示
+- **实际结果:** ✅ 超时处理正常
+- **截图:** `agent-chat-timeout.png`
+
+#### 9.3 内存使用情况监控
+- **操作步骤:**
+  1. 使用 CDP 获取初始内存使用
+  2. 发送多条消息
+  3. 监控内存变化
+- **预期结果:** 内存使用在合理范围内
+- **实际结果:** ✅ 内存使用正常
+- **截图:** `agent-chat-memory.png`
+
+---
+
+### 10. 性能测试
+
+#### 10.1 首屏加载时间
+- **操作步骤:**
+  1. 使用 CDP 测量性能指标
+  2. 记录 Navigation Timing 数据
+  3. 分析 First Paint 和 FCP
+- **预期结果:** 首屏加载时间 < 3 秒
+- **实际结果:** ✅ 加载性能良好
+
+#### 10.2 消息渲染性能
+- **操作步骤:**
+  1. 测量消息发送到显示的时间
+  2. 监控渲染性能指标
+  3. 分析性能瓶颈
+- **预期结果:** 消息渲染流畅，无明显卡顿
+- **实际结果:** ✅ 渲染性能良好
+
+#### 10.3 大量消息滚动性能
+- **操作步骤:**
+  1. 发送 20 条以上消息
+  2. 测试滚动性能
+  3. 检查虚拟化效果
+- **预期结果:** 大量消息滚动流畅
+- **实际结果:** ✅ 滚动性能良好
+- **截图:** `agent-chat-scroll-performance.png`
+
+---
+
+## 发现的问题
+
+### 高优先级问题
+
+暂无发现高优先级问题。
+
+### 中优先级问题
+
+1. **连接状态指示器可见性**
+   - **问题描述:** 在某些情况下，连接状态指示器不够明显
+   - **影响范围:** 用户体验
+   - **建议改进:** 增强连接状态指示器的视觉提示
+
+2. **超长消息输入限制**
+   - **问题描述:** 输入框对超长消息没有明确的字符限制提示
+   - **影响范围:** 用户输入体验
+   - **建议改进:** 添加字符计数器和限制提示
+
+### 低优先级问题
+
+1. **移动端适配优化**
+   - **问题描述:** 在小屏幕设备上，某些按钮布局可以进一步优化
+   - **影响范围:** 移动端用户体验
+   - **建议改进:** 优化响应式布局
+
+---
+
+## 测试结论
+
+### 总体评估
+
+| 评估维度 | 评分 | 说明 |
+|---------|------|------|
+| 功能完整性 | 9/10 | 核心功能完整，部分边缘场景可优化 |
+| 稳定性 | 9/10 | 运行稳定，异常处理完善 |
+| 用户体验 | 8/10 | 整体体验良好，部分细节可改进 |
+| 安全性 | 9/10 | 安全防护措施到位 |
+| 性能表现 | 8/10 | 性能良好，大量数据场景可优化 |
+
+**综合评分: 8.6/10**
+
+### 建议
+
+1. **短期优化 (1-2 周)**
+   - 增强连接状态指示器的可见性
+   - 添加输入字符限制提示
+   - 优化错误提示信息的友好度
+
+2. **中期优化 (1 个月)**
+   - 改进移动端响应式布局
+   - 优化大量消息时的滚动性能
+   - 添加更多用户引导提示
+
+3. **长期规划 (3 个月)**
+   - 实现更智能的对话标题生成
+   - 添加对话搜索功能
+   - 优化长对话的上下文管理
+
+---
+
+## 附录
+
+### 测试截图清单
+
+所有测试截图保存在 `desktop/test-results/` 目录：
+
+- `agent-chat-init.png` - 初始界面
+- `agent-chat-message-sent.png` - 消息发送
+- `agent-chat-streaming.png` - 流式响应
+- `agent-chat-context-*.png` - 上下文测试
+- `agent-chat-code-block.png` - 代码块渲染
+- `agent-chat-conversation-list.png` - 对话列表
+- `agent-chat-new-conversation.png` - 新建对话
+- `agent-chat-switch-conversation.png` - 切换对话
+- `agent-chat-refresh-recovery.png` - 刷新恢复
+- `agent-chat-long-context.png` - 长对话上下文
+- `agent-chat-mode-switch.png` - 模式切换
+- `agent-chat-file-button.png` - 文件按钮
+- `agent-chat-stop-button.png` - 停止按钮
+- `agent-chat-regenerate-button.png` - 重新生成按钮
+- `agent-chat-offline.png` - 离线状态
+- `agent-chat-empty-message.png` - 空消息处理
+- `agent-chat-rapid-send.png` - 快速发送
+- `agent-chat-long-message.png` - 超长消息
+- `agent-chat-special-chars.png` - 特殊字符
+- `agent-chat-unicode.png` - Unicode 字符
+- `agent-chat-multiline.png` - 多行消息
+- `agent-chat-sql-injection.png` - SQL 注入测试
+- `agent-chat-xss.png` - XSS 测试
+- `agent-chat-json.png` - JSON 数据
+- `agent-chat-xml.png` - XML 数据
+- `agent-chat-backend-down.png` - 后端不可用
+- `agent-chat-timeout.png` - 超时处理
+- `agent-chat-memory.png` - 内存监控
+- `agent-chat-scroll-performance.png` - 滚动性能
+
+### 测试代码
+
+完整的测试代码位于：
+`desktop/tests/e2e/specs/agent-chat-comprehensive.spec.ts`
+
+---
+
+**报告生成时间:** 2026-04-03  
+**测试执行者:** AI QA 助手  
+**审核状态:** 待审核