# 测试计划

**项目代号**: A00  
**项目名称**: TJFS集团官方网站及Web服务器  
**文档类型**: 测试计划  
**创建日期**: 2026-03-05  
**编制人**: TBs  
**文档版本**: V1.0  
**文档状态**: 已批准

---

## 目录

1. [测试概述](#一测试概述)
2. [测试范围](#二测试范围)
3. [测试策略](#三测试策略)
4. [测试用例](#四测试用例)
5. [测试环境](#五测试环境)
6. [测试进度](#六测试进度)
7. [风险评估](#七风险评估)
8. [附录](#八附录)

---

## 一、测试概述

### 1.1 测试目的

1. 验证网站功能是否符合需求规格说明书
2. 确保网站在各种浏览器和设备上正常显示
3. 验证网站性能和响应速度
4. 发现并修复潜在问题
5. 确保网站满足上线标准

### 1.2 测试目标

| 目标编号 | 目标描述 | 验收标准 |
|----------|----------|----------|
| T001 | 功能完整性 | 所有P0功能100%通过测试 |
| T002 | 兼容性 | 主流浏览器兼容性100% |
| T003 | 性能 | 首屏加载时间 < 3秒 |
| T004 | 可访问性 | 通过可访问性检查 |

### 1.3 测试原则

1. **尽早测试**: 在开发过程中尽早进行测试
2. **全面覆盖**: 覆盖所有功能点和场景
3. **独立测试**: 测试用例之间相互独立
4. **可重复**: 测试用例可重复执行
5. **可追溯**: 测试用例与需求可追溯

---

## 二、测试范围

### 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 测试准入条件

1. 开发完成并通过自测
2. 代码已提交到版本库
3. 测试环境已准备就绪
4. 测试用例已评审通过

### 3.4 测试准出条件

1. 所有P0测试用例100%通过
2. 严重缺陷已修复
3. 性能指标达标
4. 兼容性测试通过
5. 测试报告已输出

---

## 四、测试用例

### 4.1 导航栏测试

#### TC-001: 导航栏显示

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-001 |
| 用例名称 | 导航栏显示测试 |
| 前置条件 | 网站已加载 |
| 测试步骤 | 1. 打开网站首页<br>2. 观察导航栏显示 |
| 预期结果 | 导航栏固定在顶部，包含Logo、导航菜单、子站点入口 |
| 优先级 | P0 |

#### TC-002: 导航链接跳转

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-002 |
| 用例名称 | 导航链接跳转测试 |
| 前置条件 | 网站已加载 |
| 测试步骤 | 1. 点击导航菜单项<br>2. 观察页面滚动 |
| 预期结果 | 页面平滑滚动到对应章节 |
| 优先级 | P0 |

#### TC-003: 移动端导航

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-003 |
| 用例名称 | 移动端导航测试 |
| 前置条件 | 使用移动端浏览器 |
| 测试步骤 | 1. 打开网站<br>2. 点击汉堡菜单按钮<br>3. 选择导航项 |
| 预期结果 | 菜单展开，点击后跳转到对应章节 |
| 优先级 | P0 |

### 4.2 英雄区测试

#### TC-004: 粒子动画

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-004 |
| 用例名称 | 粒子动画测试 |
| 前置条件 | 网站已加载 |
| 测试步骤 | 1. 打开网站首页<br>2. 观察背景动画 |
| 预期结果 | 粒子动画正常播放，无卡顿 |
| 优先级 | P1 |

#### TC-005: 统计数据动画

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-005 |
| 用例名称 | 统计数据动画测试 |
| 前置条件 | 网站已加载 |
| 测试步骤 | 1. 滚动到统计数据区域<br>2. 观察数字变化 |
| 预期结果 | 数字从0递增到目标值，动画流畅 |
| 优先级 | P1 |

### 4.3 表单测试

#### TC-006: 联系表单提交

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-006 |
| 用例名称 | 联系表单提交测试 |
| 前置条件 | 滚动到联系我们章节 |
| 测试步骤 | 1. 填写姓名、邮箱、消息<br>2. 点击提交按钮 |
| 预期结果 | 显示提交成功提示，表单清空 |
| 优先级 | P0 |

#### TC-007: 表单验证

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-007 |
| 用例名称 | 表单验证测试 |
| 前置条件 | 打开联系表单 |
| 测试步骤 | 1. 不填写必填项<br>2. 点击提交 |
| 预期结果 | 提示填写必填项，表单不提交 |
| 优先级 | P0 |

#### TC-008: 职位申请模态框

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-008 |
| 用例名称 | 职位申请模态框测试 |
| 前置条件 | 滚动到人才招聘章节 |
| 测试步骤 | 1. 点击申请职位按钮<br>2. 填写表单<br>3. 点击提交 |
| 预期结果 | 模态框弹出，提交后显示成功提示 |
| 优先级 | P1 |

### 4.4 兼容性测试

#### TC-009: Chrome浏览器兼容

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-009 |
| 用例名称 | Chrome浏览器兼容测试 |
| 前置条件 | 安装Chrome浏览器 |
| 测试步骤 | 1. 使用Chrome打开网站<br>2. 检查各功能是否正常 |
| 预期结果 | 所有功能正常，样式正确 |
| 优先级 | P0 |

#### TC-010: Firefox浏览器兼容

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-010 |
| 用例名称 | Firefox浏览器兼容测试 |
| 前置条件 | 安装Firefox浏览器 |
| 测试步骤 | 1. 使用Firefox打开网站<br>2. 检查各功能是否正常 |
| 预期结果 | 所有功能正常，样式正确 |
| 优先级 | P0 |

#### TC-011: Safari浏览器兼容

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-011 |
| 用例名称 | Safari浏览器兼容测试 |
| 前置条件 | 安装Safari浏览器 |
| 测试步骤 | 1. 使用Safari打开网站<br>2. 检查各功能是否正常 |
| 预期结果 | 所有功能正常，样式正确 |
| 优先级 | P0 |

#### TC-012: Edge浏览器兼容

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-012 |
| 用例名称 | Edge浏览器兼容测试 |
| 前置条件 | 安装Edge浏览器 |
| 测试步骤 | 1. 使用Edge打开网站<br>2. 检查各功能是否正常 |
| 预期结果 | 所有功能正常，样式正确 |
| 优先级 | P0 |

#### TC-013: 移动端响应式

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-013 |
| 用例名称 | 移动端响应式测试 |
| 前置条件 | 使用移动设备或模拟器 |
| 测试步骤 | 1. 使用移动设备打开网站<br>2. 检查布局和交互 |
| 预期结果 | 布局自适应，交互正常 |
| 优先级 | P0 |

### 4.5 性能测试

#### TC-014: 首屏加载时间

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-014 |
| 用例名称 | 首屏加载时间测试 |
| 前置条件 | 使用Chrome DevTools |
| 测试步骤 | 1. 打开Network面板<br>2. 刷新页面<br>3. 记录首屏时间 |
| 预期结果 | 首屏加载时间 < 3秒 |
| 优先级 | P0 |

#### TC-015: 完全加载时间

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-015 |
| 用例名称 | 完全加载时间测试 |
| 前置条件 | 使用Chrome DevTools |
| 测试步骤 | 1. 打开Network面板<br>2. 刷新页面<br>3. 记录完全加载时间 |
| 预期结果 | 完全加载时间 < 5秒 |
| 优先级 | P0 |

#### TC-016: 动画帧率

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-016 |
| 用例名称 | 动画帧率测试 |
| 前置条件 | 使用Chrome DevTools |
| 测试步骤 | 1. 打开Performance面板<br>2. 记录页面滚动时的帧率 |
| 预期结果 | 帧率 > 30fps |
| 优先级 | P1 |

### 4.6 服务器测试

#### TC-017: 服务器启动

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-017 |
| 用例名称 | 服务器启动测试 |
| 前置条件 | Python环境已安装 |
| 测试步骤 | 1. 运行start-server.py<br>2. 观察控制台输出 |
| 预期结果 | 服务器启动成功，显示服务地址 |
| 优先级 | P0 |

#### TC-018: 静态文件服务

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-018 |
| 用例名称 | 静态文件服务测试 |
| 前置条件 | 服务器已启动 |
| 测试步骤 | 1. 访问网站<br>2. 检查CSS/JS文件加载 |
| 预期结果 | 所有静态文件正常加载 |
| 优先级 | P0 |

#### TC-019: CORS配置

| 项目 | 内容 |
|------|------|
| 用例编号 | TC-019 |
| 用例名称 | CORS配置测试 |
| 前置条件 | 服务器已启动 |
| 测试步骤 | 1. 查看响应头<br>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