【核心功能篇】測試計劃管理：組織和編排測試用例
- 前言
- 準備工作
- 第一部分：后端實現 (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 (穿梭框) 組件來實現測試用例的選擇功能。
一個測試計劃通常包含以下信息：
- 基本信息： 計劃名稱、描述、所屬項目等。
- 包含的測試用例： 一個計劃會包含一個或多個選定的測試用例。
- (可選) 執行策略、環境配置等： 這些我們暫時不在此篇詳細展開，但會為數據模型留有余地。
我們的目標是讓用戶能夠：<
