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