291 lines
7.9 KiB
Markdown
291 lines
7.9 KiB
Markdown
# 功能测试清单
|
||
|
||
## 测试前准备
|
||
- [ ] 确保已安装依赖：`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.
|
||
|