【核心功能篇】测试计划管理:组织和编排测试用例
- 前言
- 准备工作
- 第一部分:后端实现 (Django)
- 1. 定义 `TestPlan` 模型
- 2. 生成并应用数据库迁移
- 3. 创建 `TestPlanSerializer`
- 4. 创建 `TestPlanViewSet`
- 5. 注册路由
- 6. 注册到 Django Admin
- 第二部分:前端实现 (Vue3)
- 1. 创建 `TestPlan` 相关的 API 服务 (`src/api/testplan.ts`)
- 2. 添加测试计划的路由
- 3. 创建测试计划编辑页面 (`src/views/testplan/TestPlanEditView.vue`)
- 4. 创建测试计划列表页面 (`src/views/testplan/TestPlanListView.vue`)
- 5. 在主布局侧边栏添加入口
- 第五步:测试完整流程
- 总结
前言
随着测试用例数量的增加,如何有效地组织和管理这些用例以进行特定目的的测试(例如回归测试、新功能测试)就变得至关重要。测试计划 (Test Plan) 允许我们将相关的测试用例组合成一个可执行的单元。
这篇文章将带你:
- 在后端 Django 中设计和实现
TestPlan
数据模型及其 API。 - 在前端 Vue3 中创建测试计划的管理页面,包括列表展示。
- 设计并实现一个用户友好的界面,用于创建和编辑测试计划,特别是如何从现有用例库中选择测试用例并关联到计划中。
我们将使用 Element Plus 的 ElTransfer
(穿梭框) 组件来实现测试用例的选择功能。
一个测试计划通常包含以下信息:
- 基本信息: 计划名称、描述、所属项目等。
- 包含的测试用例: 一个计划会包含一个或多个选定的测试用例。
- (可选) 执行策略、环境配置等: 这些我们暂时不在此篇详细展开,但会为数据模型留有余地。
我们的目标是让用户能够:<