# 功能测试清单

## 测试前准备
- [ ] 确保已安装依赖：`npm install`
- [ ] 启动开发服务器：`npm run dev`
- [ ] 访问 `http://localhost:5173`

---

## 1. 起始页面测试

### 搜索功能
- [ ] 搜索框显示正常，占位符文字为"搜索标的..."
- [ ] 输入文字后，下方显示搜索结果下拉框
- [ ] 点击搜索结果，可以触发跳转
- [ ] 按 Enter 键可以提交搜索

### 提示文字
- [ ] 未输入时显示："先输入股票名称，然后从下方选择评级模版"
- [ ] 输入后显示："✓ 已选择股票，请选择一个评级模版"
- [ ] 输入且选择模版后显示："✓ 已选择股票和模版，点击模版卡片或按回车进入"

### 模版展示
- [ ] 显示 4 个模版卡片：默认、消费股、科技股、快速诊断
- [ ] 每个模版都有图标、名称、描述、标签
- [ ] 默认选中"默认评级模版"
- [ ] 点击模版卡片，边框变色并显示勾选标识
- [ ] Hover 模版卡片时，图标有放大动效

### 导航跳转
- [ ] 点击模版卡片（已输入股票），自动跳转到评级详情页
- [ ] URL 包含模版参数，如 `/dashboard?template=consumer`
- [ ] 显示加载动画（旋转图标 + "正在加载评级数据..."）

---

## 2. 评级详情页测试

### 页面初始状态
- [ ] 进入页面后，右侧图表区域默认展开
- [ ] 图表自动加载并显示（无需点击）
- [ ] 左侧显示 4 个维度卡片：估值逻辑、宏观胜率背景、相关资产走势、资金流向
- [ ] 每个维度下有多个指标项

### 左侧评级表
- [ ] 维度卡片有不同的主题色（蓝、紫、青、靛）
- [ ] 点击指标项，右侧图表区域滚动到对应位置
- [ ] 指标摘要信息显示正常
- [ ] 响应式布局：大屏显示 2 列，小屏显示 1 列

### 右侧图表区域
- [ ] 默认显示第一个维度的图表
- [ ] 图表按维度分组显示
- [ ] 每个图表卡片包含：标题、图表、摘要、Ask 按钮
- [ ] 图表正常渲染（使用 Recharts）
- [ ] 点击 "Ask" 按钮，跳转到详细分析页

### 顶部导航
- [ ] 面包屑显示："首页 > 贵州茅台 (600519.SH)"
- [ ] 点击"首页"返回搜索页
- [ ] 显示"模板库"和"另存为"按钮
- [ ] 右上角显示"关闭详情"按钮（可关闭右侧面板）

---

## 3. 编辑模式测试

### 进入编辑模式
- [ ] 点击设置图标（⚙️）进入编辑模式
- [ ] 顶部中间显示蓝色提示条："编辑模式已开启..."
- [ ] 提示条右侧有"完成"按钮

### 拖拽排序
- [ ] 指标左侧显示拖拽手柄图标
- [ ] 可以在同一维度内拖拽指标调整顺序
- [ ] 拖拽时，被拖拽项半透明
- [ ] 拖拽完成后显示"排序已保存"提示（2秒后消失）

### 删除功能
- [ ] 每个指标右侧显示删除按钮（✕）
- [ ] 点击删除按钮，弹出确认对话框
- [ ] 确认后指标被移除
- [ ] 维度标题右侧显示删除按钮
- [ ] 可以删除整个维度

### 评分功能
- [ ] 编辑模式下，维度标题右侧显示 5 个星星
- [ ] 点击星星可以打分（1-5星）
- [ ] 选中的星星显示为黄色填充

### 添加功能
- [ ] 每个维度卡片底部显示"添加视角"按钮（hover 时出现）
- [ ] 点击"添加视角"，弹出提示（当前为 alert）
- [ ] 显示"添加维度"虚线卡片
- [ ] 点击"添加维度"，弹出提示（当前为 alert）

### 退出编辑模式
- [ ] 点击"完成"按钮，退出编辑模式
- [ ] 编辑模式提示条消失
- [ ] 拖拽手柄、删除按钮、星星评分隐藏
- [ ] 指标摘要重新显示

---

## 4. 模板库测试

### 打开模板库
- [ ] 点击顶部"模板库"按钮
- [ ] 弹出模板库弹窗
- [ ] 显示两个标签页：通用模板、我的模板

### 通用模板
- [ ] 显示 2 个预设模板
- [ ] 模板卡片包含图标、标题、描述、标签
- [ ] 点击模板卡片，显示选中状态（蓝色边框）

### 我的模板
- [ ] 切换到"我的模板"标签
- [ ] 显示 2 个自定义模板
- [ ] 模板卡片显示创建日期

### 应用模板
- [ ] 选中一个模板
- [ ] 点击"应用模板"按钮
- [ ] 弹窗关闭，返回评级详情页

### 关闭弹窗
- [ ] 点击右上角 ✕ 按钮，弹窗关闭
- [ ] 点击"取消"按钮，弹窗关闭
- [ ] 点击弹窗外部区域，弹窗关闭（可选）

---

## 5. 另存为模板测试

### 打开保存对话框
- [ ] 点击顶部"另存为"按钮
- [ ] 弹出保存模板对话框
- [ ] 输入框获得焦点（自动 focus）

### 输入模板名称
- [ ] 可以正常输入文字
- [ ] 占位符文字："例如：茅台估值分析模板"
- [ ] 未输入时，"保存"按钮禁用（灰色）
- [ ] 输入后，"保存"按钮启用（蓝色）

### 保存操作
- [ ] 点击"保存"按钮，弹窗关闭
- [ ] 按 Enter 键，弹窗关闭并保存
- [ ] 控制台输出保存信息（当前为 console.log）

### 取消操作
- [ ] 点击"取消"按钮，弹窗关闭
- [ ] 输入的内容被清空

---

## 6. 详细分析页测试

### 进入分析页
- [ ] 从评级详情页点击"Ask"按钮
- [ ] 跳转到 `/detail` 路由
- [ ] 面包屑显示："股票详情 > 贵州茅台 (600519.SH)"

### 维度切换
- [ ] 显示 4 个维度图标和标题
- [ ] 点击面包屑"股票详情"返回评级详情页

### 标签页
- [ ] 显示多个指标标签
- [ ] 点击标签，切换显示对应的图表
- [ ] 激活的标签有蓝色下划线
- [ ] 右侧显示"+"按钮

### 图表展示
- [ ] 左侧显示大图表（高度 320px）
- [ ] 右侧显示两个卡片：研判结论、图解释
- [ ] 研判结论和图解释内容正确对应当前选中的指标

### AI 修改框
- [ ] 底部显示输入框
- [ ] 占位符文字正确
- [ ] 显示两个小图标按钮（+ 和 @）
- [ ] 右侧显示发送按钮（蓝色圆形）

---

## 7. 响应式测试

### 桌面端（>1024px）
- [ ] 起始页：4 列模版网格
- [ ] 评级详情页：左右分屏显示
- [ ] 详细分析页：图表和说明左右布局

### 平板端（768px-1024px）
- [ ] 起始页：2 列模版网格
- [ ] 评级详情页：左侧全宽，右侧在大屏显示
- [ ] 详细分析页：图表和说明上下布局

### 移动端（<768px）
- [ ] 起始页：1 列模版网格
- [ ] 评级详情页：仅显示评级表
- [ ] 顶部按钮文字隐藏，仅显示图标
- [ ] 详细分析页：垂直布局

---

## 8. 性能测试

### 加载速度
- [ ] 首次加载时间 < 2 秒
- [ ] 页面切换流畅，无卡顿
- [ ] 图表渲染无延迟

### 内存使用
- [ ] 长时间使用无内存泄漏
- [ ] 关闭右侧面板后，图表组件正确卸载

### 动画性能
- [ ] 滚动动画流畅（60fps）
- [ ] Hover 动效无延迟
- [ ] 拖拽操作流畅

---

## 9. 浏览器兼容性测试

### Chrome（推荐）
- [ ] 所有功能正常
- [ ] 样式显示正确
- [ ] 动画流畅

### Firefox
- [ ] 所有功能正常
- [ ] 样式显示正确
- [ ] 拖拽功能正常

### Safari
- [ ] 所有功能正常
- [ ] 样式显示正确（特别是圆角、阴影）

### Edge
- [ ] 所有功能正常
- [ ] 样式显示正确

---

## 10. 错误处理测试

### 空状态
- [ ] 未输入股票时，搜索结果为空
- [ ] 删除所有指标后，维度卡片显示空状态
- [ ] 未加载数据时，图表显示加载占位符

### 边界情况
- [ ] 输入特殊字符不会导致崩溃
- [ ] 连续快速点击不会重复触发
- [ ] 网络延迟时显示加载状态

---

## 测试结果汇总

**测试日期**：2026-01-26  
**测试人员**：______  
**测试环境**：______  

| 测试项 | 通过 | 失败 | 备注 |
|--------|------|------|------|
| 起始页面 | ☐ | ☐ | |
| 评级详情页 | ☐ | ☐ | |
| 编辑模式 | ☐ | ☐ | |
| 模板库 | ☐ | ☐ | |
| 另存为模板 | ☐ | ☐ | |
| 详细分析页 | ☐ | ☐ | |
| 响应式 | ☐ | ☐ | |
| 性能 | ☐ | ☐ | |
| 浏览器兼容性 | ☐ | ☐ | |
| 错误处理 | ☐ | ☐ | |

**发现的问题**：
1. 
2. 
3. 

**改进建议**：
1. 
2. 
3.