测试计划
项目代号: A00
项目名称: TJFS集团官方网站及Web服务器
文档类型: 测试计划
创建日期: 2026-03-05
编制人: TBs
文档版本: V1.0
文档状态: 已批准
目录
- 测试概述
- 测试范围
- 测试策略
- 测试用例
- 测试环境
- 测试进度
- 风险评估
- 附录
一、测试概述
1.1 测试目的
- 验证网站功能是否符合需求规格说明书
- 确保网站在各种浏览器和设备上正常显示
- 验证网站性能和响应速度
- 发现并修复潜在问题
- 确保网站满足上线标准
1.2 测试目标
| 目标编号 | 目标描述 | 验收标准 |
|---|
| T001 | 功能完整性 | 所有P0功能100%通过测试 |
| T002 | 兼容性 | 主流浏览器兼容性100% |
| T003 | 性能 | 首屏加载时间 < 3秒 |
| T004 | 可访问性 | 通过可访问性检查 |
1.3 测试原则
- 尽早测试: 在开发过程中尽早进行测试
- 全面覆盖: 覆盖所有功能点和场景
- 独立测试: 测试用例之间相互独立
- 可重复: 测试用例可重复执行
- 可追溯: 测试用例与需求可追溯
二、测试范围
2.1 测试内容
2.1.1 功能测试
| 功能模块 | 测试内容 | 优先级 |
|---|
| 导航栏 | 响应式导航、平滑滚动、高亮显示 | P0 |
| 英雄区 | 粒子动画、统计数据、CTA按钮 | P0 |
| 关于我们 | 信息卡片、发展历程时间线 | P0 |
| 核心价值观 | 价值观卡片展示 | P0 |
| 技术哲学 | 哲学卡片、引言区块 | P1 |
| 研究方向 | 研究方向卡片、标签云 | P0 |
| 业务领域 | 业务卡片、发展战略 | P0 |
| 子公司 | SG Studio和TBs科技介绍 | P0 |
| 合作伙伴 | 合作方式、权益展示 | P1 |
| 人才招聘 | 职位列表、申请模态框 | P1 |
| 联系我们 | 联系信息、在线表单 | P0 |
2.1.2 兼容性测试
| 测试项 | 测试内容 | 优先级 |
|---|
| 浏览器兼容 | Chrome、Firefox、Safari、Edge | P0 |
| 设备兼容 | PC、平板、手机 | P0 |
| 分辨率兼容 | 1920x1080、1366x768、375x667等 | P0 |
2.1.3 性能测试
| 测试项 | 测试内容 | 优先级 |
|---|
| 加载性能 | 首屏加载、完全加载时间 | P0 |
| 动画性能 | 帧率、流畅度 | P1 |
| 服务器性能 | 响应时间、并发处理 | P1 |
2.1.4 可访问性测试
| 测试项 | 测试内容 | 优先级 |
|---|
| 语义化 | HTML标签使用 | P1 |
| 键盘导航 | Tab键导航支持 | P1 |
| 对比度 | 颜色对比度 | P1 |
| 屏幕阅读器 | 辅助技术支持 | P2 |
2.2 不在测试范围内
- 后端API测试(本项目为静态网站)
- 数据库测试
- 安全渗透测试(基础安全检查除外)
- 压力测试(超过100并发)
三、测试策略
3.1 测试类型
| 测试类型 | 测试方法 | 测试工具 | 执行阶段 |
|---|
| 功能测试 | 手工测试 | 浏览器 | 开发阶段 |
| 兼容性测试 | 手工测试 | 多浏览器 | 测试阶段 |
| 性能测试 | 工具测试 | Chrome DevTools | 测试阶段 |
| 可访问性测试 | 工具+手工 | Lighthouse | 测试阶段 |
3.2 测试方法
3.2.1 功能测试
- 采用黑盒测试方法
- 基于需求规格说明书设计测试用例
- 覆盖正常场景和异常场景
3.2.2 兼容性测试
- 在主流浏览器上执行相同测试用例
- 在不同设备上验证响应式布局
- 记录并修复兼容性问题
3.2.3 性能测试
- 使用Chrome DevTools进行性能分析
- 使用Lighthouse进行性能评分
- 监控加载时间和运行时性能
3.3 测试准入条件
- 开发完成并通过自测
- 代码已提交到版本库
- 测试环境已准备就绪
- 测试用例已评审通过
3.4 测试准出条件
- 所有P0测试用例100%通过
- 严重缺陷已修复
- 性能指标达标
- 兼容性测试通过
- 测试报告已输出
四、测试用例
4.1 导航栏测试
TC-001: 导航栏显示
| 项目 | 内容 |
|---|
| 用例编号 | TC-001 |
| 用例名称 | 导航栏显示测试 |
| 前置条件 | 网站已加载 |
| 测试步骤 | 1. 打开网站首页 2. 观察导航栏显示 |
| 预期结果 | 导航栏固定在顶部,包含Logo、导航菜单、子站点入口 |
| 优先级 | P0 |
TC-002: 导航链接跳转
| 项目 | 内容 |
|---|
| 用例编号 | TC-002 |
| 用例名称 | 导航链接跳转测试 |
| 前置条件 | 网站已加载 |
| 测试步骤 | 1. 点击导航菜单项 2. 观察页面滚动 |
| 预期结果 | 页面平滑滚动到对应章节 |
| 优先级 | P0 |
TC-003: 移动端导航
| 项目 | 内容 |
|---|
| 用例编号 | TC-003 |
| 用例名称 | 移动端导航测试 |
| 前置条件 | 使用移动端浏览器 |
| 测试步骤 | 1. 打开网站 2. 点击汉堡菜单按钮 3. 选择导航项 |
| 预期结果 | 菜单展开,点击后跳转到对应章节 |
| 优先级 | P0 |
4.2 英雄区测试
TC-004: 粒子动画
| 项目 | 内容 |
|---|
| 用例编号 | TC-004 |
| 用例名称 | 粒子动画测试 |
| 前置条件 | 网站已加载 |
| 测试步骤 | 1. 打开网站首页 2. 观察背景动画 |
| 预期结果 | 粒子动画正常播放,无卡顿 |
| 优先级 | P1 |
TC-005: 统计数据动画
| 项目 | 内容 |
|---|
| 用例编号 | TC-005 |
| 用例名称 | 统计数据动画测试 |
| 前置条件 | 网站已加载 |
| 测试步骤 | 1. 滚动到统计数据区域 2. 观察数字变化 |
| 预期结果 | 数字从0递增到目标值,动画流畅 |
| 优先级 | P1 |
4.3 表单测试
TC-006: 联系表单提交
| 项目 | 内容 |
|---|
| 用例编号 | TC-006 |
| 用例名称 | 联系表单提交测试 |
| 前置条件 | 滚动到联系我们章节 |
| 测试步骤 | 1. 填写姓名、邮箱、消息 2. 点击提交按钮 |
| 预期结果 | 显示提交成功提示,表单清空 |
| 优先级 | P0 |
TC-007: 表单验证
| 项目 | 内容 |
|---|
| 用例编号 | TC-007 |
| 用例名称 | 表单验证测试 |
| 前置条件 | 打开联系表单 |
| 测试步骤 | 1. 不填写必填项 2. 点击提交 |
| 预期结果 | 提示填写必填项,表单不提交 |
| 优先级 | P0 |
TC-008: 职位申请模态框
| 项目 | 内容 |
|---|
| 用例编号 | TC-008 |
| 用例名称 | 职位申请模态框测试 |
| 前置条件 | 滚动到人才招聘章节 |
| 测试步骤 | 1. 点击申请职位按钮 2. 填写表单 3. 点击提交 |
| 预期结果 | 模态框弹出,提交后显示成功提示 |
| 优先级 | P1 |
4.4 兼容性测试
TC-009: Chrome浏览器兼容
| 项目 | 内容 |
|---|
| 用例编号 | TC-009 |
| 用例名称 | Chrome浏览器兼容测试 |
| 前置条件 | 安装Chrome浏览器 |
| 测试步骤 | 1. 使用Chrome打开网站 2. 检查各功能是否正常 |
| 预期结果 | 所有功能正常,样式正确 |
| 优先级 | P0 |
TC-010: Firefox浏览器兼容
| 项目 | 内容 |
|---|
| 用例编号 | TC-010 |
| 用例名称 | Firefox浏览器兼容测试 |
| 前置条件 | 安装Firefox浏览器 |
| 测试步骤 | 1. 使用Firefox打开网站 2. 检查各功能是否正常 |
| 预期结果 | 所有功能正常,样式正确 |
| 优先级 | P0 |
TC-011: Safari浏览器兼容
| 项目 | 内容 |
|---|
| 用例编号 | TC-011 |
| 用例名称 | Safari浏览器兼容测试 |
| 前置条件 | 安装Safari浏览器 |
| 测试步骤 | 1. 使用Safari打开网站 2. 检查各功能是否正常 |
| 预期结果 | 所有功能正常,样式正确 |
| 优先级 | P0 |
TC-012: Edge浏览器兼容
| 项目 | 内容 |
|---|
| 用例编号 | TC-012 |
| 用例名称 | Edge浏览器兼容测试 |
| 前置条件 | 安装Edge浏览器 |
| 测试步骤 | 1. 使用Edge打开网站 2. 检查各功能是否正常 |
| 预期结果 | 所有功能正常,样式正确 |
| 优先级 | P0 |
TC-013: 移动端响应式
| 项目 | 内容 |
|---|
| 用例编号 | TC-013 |
| 用例名称 | 移动端响应式测试 |
| 前置条件 | 使用移动设备或模拟器 |
| 测试步骤 | 1. 使用移动设备打开网站 2. 检查布局和交互 |
| 预期结果 | 布局自适应,交互正常 |
| 优先级 | P0 |
4.5 性能测试
TC-014: 首屏加载时间
| 项目 | 内容 |
|---|
| 用例编号 | TC-014 |
| 用例名称 | 首屏加载时间测试 |
| 前置条件 | 使用Chrome DevTools |
| 测试步骤 | 1. 打开Network面板 2. 刷新页面 3. 记录首屏时间 |
| 预期结果 | 首屏加载时间 < 3秒 |
| 优先级 | P0 |
TC-015: 完全加载时间
| 项目 | 内容 |
|---|
| 用例编号 | TC-015 |
| 用例名称 | 完全加载时间测试 |
| 前置条件 | 使用Chrome DevTools |
| 测试步骤 | 1. 打开Network面板 2. 刷新页面 3. 记录完全加载时间 |
| 预期结果 | 完全加载时间 < 5秒 |
| 优先级 | P0 |
TC-016: 动画帧率
| 项目 | 内容 |
|---|
| 用例编号 | TC-016 |
| 用例名称 | 动画帧率测试 |
| 前置条件 | 使用Chrome DevTools |
| 测试步骤 | 1. 打开Performance面板 2. 记录页面滚动时的帧率 |
| 预期结果 | 帧率 > 30fps |
| 优先级 | P1 |
4.6 服务器测试
TC-017: 服务器启动
| 项目 | 内容 |
|---|
| 用例编号 | TC-017 |
| 用例名称 | 服务器启动测试 |
| 前置条件 | Python环境已安装 |
| 测试步骤 | 1. 运行start-server.py 2. 观察控制台输出 |
| 预期结果 | 服务器启动成功,显示服务地址 |
| 优先级 | P0 |
TC-018: 静态文件服务
| 项目 | 内容 |
|---|
| 用例编号 | TC-018 |
| 用例名称 | 静态文件服务测试 |
| 前置条件 | 服务器已启动 |
| 测试步骤 | 1. 访问网站 2. 检查CSS/JS文件加载 |
| 预期结果 | 所有静态文件正常加载 |
| 优先级 | P0 |
TC-019: CORS配置
| 项目 | 内容 |
|---|
| 用例编号 | TC-019 |
| 用例名称 | CORS配置测试 |
| 前置条件 | 服务器已启动 |
| 测试步骤 | 1. 查看响应头 2. 检查CORS头 |
| 预期结果 | 响应头包含Access-Control-Allow-Origin: * |
| 优先级 | P1 |
五、测试环境
5.1 硬件环境
| 设备类型 | 配置 | 数量 | 用途 |
|---|
| PC | CPU: 8核, 内存: 16GB | 1 | 开发和测试 |
| 手机 | iPhone/Android | 2 | 移动端测试 |
| 平板 | iPad | 1 | 平板端测试 |
5.2 软件环境
| 软件名称 | 版本 | 用途 |
|---|
| Windows | 10/11 | 操作系统 |
| Python | 3.10+ | 服务器运行 |
| Chrome | 最新版 | 浏览器测试 |
| Firefox | 最新版 | 浏览器测试 |
| Edge | 最新版 | 浏览器测试 |
| Safari | 最新版 | 浏览器测试(macOS) |
5.3 测试工具
| 工具名称 | 用途 |
|---|
| Chrome DevTools | 性能分析、调试 |
| Lighthouse | 性能评分、可访问性检查 |
| BrowserStack | 跨浏览器测试 |
六、测试进度
6.1 测试阶段
| 阶段 | 开始日期 | 结束日期 | 主要工作 |
|---|
| 准备阶段 | 2026-03-21 | 2026-03-21 | 环境准备、用例评审 |
| 功能测试 | 2026-03-22 | 2026-03-23 | 执行功能测试用例 |
| 兼容性测试 | 2026-03-24 | 2026-03-24 | 执行兼容性测试 |
| 性能测试 | 2026-03-24 | 2026-03-24 | 执行性能测试 |
| 回归测试 | 2026-03-25 | 2026-03-25 | 修复后回归测试 |
6.2 里程碑
| 里程碑 | 日期 | 交付物 |
|---|
| 测试计划评审 | 2026-03-21 | 测试计划文档 |
| 功能测试完成 | 2026-03-23 | 功能测试报告 |
| 兼容性测试完成 | 2026-03-24 | 兼容性测试报告 |
| 性能测试完成 | 2026-03-24 | 性能测试报告 |
| 测试完成 | 2026-03-25 | 测试总结报告 |
七、风险评估
7.1 测试风险
| 风险编号 | 风险描述 | 发生概率 | 影响程度 | 应对措施 |
|---|
| R001 | 浏览器兼容性问题 | 中 | 中 | 提前进行兼容性测试 |
| R002 | 性能不达标 | 低 | 高 | 优化代码和资源 |
| R003 | 测试时间不足 | 低 | 中 | 优先测试P0功能 |
7.2 风险监控
八、附录
附录A: 测试用例清单
| 用例编号 | 用例名称 | 优先级 | 状态 |
|---|
| TC-001 | 导航栏显示测试 | P0 | 待执行 |
| TC-002 | 导航链接跳转测试 | P0 | 待执行 |
| TC-003 | 移动端导航测试 | P0 | 待执行 |
| TC-004 | 粒子动画测试 | P1 | 待执行 |
| TC-005 | 统计数据动画测试 | P1 | 待执行 |
| TC-006 | 联系表单提交测试 | P0 | 待执行 |
| TC-007 | 表单验证测试 | P0 | 待执行 |
| TC-008 | 职位申请模态框测试 | P1 | 待执行 |
| TC-009 | Chrome浏览器兼容测试 | P0 | 待执行 |
| TC-010 | Firefox浏览器兼容测试 | P0 | 待执行 |
| TC-011 | Safari浏览器兼容测试 | P0 | 待执行 |
| TC-012 | Edge浏览器兼容测试 | P0 | 待执行 |
| TC-013 | 移动端响应式测试 | P0 | 待执行 |
| TC-014 | 首屏加载时间测试 | P0 | 待执行 |
| TC-015 | 完全加载时间测试 | P0 | 待执行 |
| TC-016 | 动画帧率测试 | P1 | 待执行 |
| TC-017 | 服务器启动测试 | P0 | 待执行 |
| TC-018 | 静态文件服务测试 | P0 | 待执行 |
| TC-019 | CORS配置测试 | P1 | 待执行 |
附录B: 缺陷严重级别定义
| 级别 | 定义 | 示例 |
|---|
| 严重 | 核心功能无法使用 | 页面无法加载、导航失效 |
| 高 | 主要功能受影响 | 表单无法提交、动画卡顿 |
| 中 | 次要功能受影响 | 样式错位、文字显示异常 |
| 低 | 轻微问题 | 文字拼写错误、间距不一致 |
附录C: 变更记录
| 版本 | 日期 | 变更内容 | 变更人 |
|---|
| V1.0 | 2026-03-05 | 初始版本 | TBs |
文档编制日期: 2026-03-05
编制单位: SG Studio - 松果工作室
文档版本: V1.0