102 lines
2.3 KiB
Markdown
102 lines
2.3 KiB
Markdown
|
# 测试计划：个人作品展示网站 (TASK-20260331-001)
|
|||
|
|
|
|||
|
|
## 测试概述
|
|||
|
|
- **测试对象**: 个人作品展示网站
|
|||
|
|
- **测试日期**: 2026-03-31
|
|||
|
|
- **测试人员**: QA
|
|||
|
|
- **测试环境**: Windows 10, Chrome 浏览器
|
|||
|
|
- **测试服务器**: http://localhost:8080
|
|||
|
|
|
|||
|
|
## 测试范围
|
|||
|
|
1. 功能测试
|
|||
|
|
2. 响应式设计测试
|
|||
|
|
3. 用户体验测试
|
|||
|
|
4. 性能测试
|
|||
|
|
5. 兼容性测试
|
|||
|
|
6. 可访问性测试
|
|||
|
|
|
|||
|
|
## 测试用例
|
|||
|
|
|
|||
|
|
### 1. 导航功能测试
|
|||
|
|
- [ ] 导航菜单点击跳转
|
|||
|
|
- [ ] 移动端菜单切换
|
|||
|
|
- [ ] 滚动时导航高亮更新
|
|||
|
|
- [ ] 返回顶部功能
|
|||
|
|
|
|||
|
|
### 2. 表单功能测试
|
|||
|
|
- [ ] 联系表单验证
|
|||
|
|
- [ ] 表单提交处理
|
|||
|
|
- [ ] 错误消息显示
|
|||
|
|
- [ ] 成功消息显示
|
|||
|
|
|
|||
|
|
### 3. 交互功能测试
|
|||
|
|
- [ ] 技能条动画
|
|||
|
|
- [ ] 项目卡片交互
|
|||
|
|
- [ ] 平滑滚动
|
|||
|
|
- [ ] 按钮悬停效果
|
|||
|
|
|
|||
|
|
### 4. 响应式设计测试
|
|||
|
|
- [ ] 桌面端布局 (1200px+)
|
|||
|
|
- [ ] 平板端布局 (768px-1023px)
|
|||
|
|
- [ ] 移动端布局 (576px-767px)
|
|||
|
|
- [ ] 小屏幕布局 (575px以下)
|
|||
|
|
|
|||
|
|
### 5. 内容完整性测试
|
|||
|
|
- [ ] 所有文本内容显示正常
|
|||
|
|
- [ ] 图片/图标显示正常
|
|||
|
|
- [ ] 链接功能正常
|
|||
|
|
- [ ] 元数据完整
|
|||
|
|
|
|||
|
|
### 6. 性能测试
|
|||
|
|
- [ ] 页面加载速度
|
|||
|
|
- [ ] 资源加载优化
|
|||
|
|
- [ ] 动画性能
|
|||
|
|
- [ ] 内存使用
|
|||
|
|
|
|||
|
|
### 7. 兼容性测试
|
|||
|
|
- [ ] Chrome 浏览器
|
|||
|
|
- [ ] Firefox 浏览器
|
|||
|
|
- [ ] Edge 浏览器
|
|||
|
|
- [ ] Safari 浏览器（模拟）
|
|||
|
|
|
|||
|
|
### 8. 可访问性测试
|
|||
|
|
- [ ] 键盘导航
|
|||
|
|
- [ ] 屏幕阅读器支持
|
|||
|
|
- [ ] 颜色对比度
|
|||
|
|
- [ ] ARIA标签
|
|||
|
|
|
|||
|
|
## 测试数据
|
|||
|
|
### 联系表单测试数据
|
|||
|
|
1. 有效数据：
|
|||
|
|
- 姓名: 测试用户
|
|||
|
|
- 邮箱: test@example.com
|
|||
|
|
- 主题: 测试主题
|
|||
|
|
- 消息: 这是一条测试消息，用于验证表单功能。
|
|||
|
|
|
|||
|
|
2. 无效数据：
|
|||
|
|
- 姓名: A
|
|||
|
|
- 邮箱: invalid-email
|
|||
|
|
- 主题: 测
|
|||
|
|
- 消息: 短
|
|||
|
|
|
|||
|
|
## 风险评估
|
|||
|
|
- **高风险**: 表单提交功能、移动端导航
|
|||
|
|
- **中风险**: 响应式布局、动画性能
|
|||
|
|
- **低风险**: 静态内容显示、基础样式
|
|||
|
|
|
|||
|
|
## 测试工具
|
|||
|
|
- 浏览器开发者工具
|
|||
|
|
- Lighthouse 性能测试
|
|||
|
|
- 响应式设计测试工具
|
|||
|
|
- 可访问性检查工具
|
|||
|
|
|
|||
|
|
## 通过标准
|
|||
|
|
- 所有高优先级用例通过
|
|||
|
|
- 无严重缺陷（Critical/High）
|
|||
|
|
- 中优先级缺陷不超过3个
|
|||
|
|
- 页面性能评分 ≥ 80
|
|||
|
|
|
|||
|
|
## 备注
|
|||
|
|
- 测试过程中记录所有发现的问题
|
|||
|
|
- 截图保存缺陷证据
|
|||
|
|
- 记录复现步骤和环境信息
|