所有的功能完成了,還需要進行集成測試。在生產項目的功能修改期間,集成測試顯得尤為重要。我們認為沒有經過集成測試的代碼僅是半成品。集成測試往往會發現一些在單元測試中發現不了的BUG,這往往是由于在開發組件時對整個項目或是模塊的掌握不夠造成的。
同樣是努力的坐在計算機前寫代碼,如果在寫代碼時不結合實際的項目需求,不對項目需求了然于胸,即使團隊的規范再全,也擋不住我們寫BUG。反之只有在寫代碼時結合實際的項目需求,才能夠寫出高效適用的代碼,從而減小返工以本質上提升開發效率。
## 測試用例
測試用例(Test Case)是指對一項特定的軟件產品進行測試任務的描述,體現測試方案、方法、技術和策略。簡單來說就是對一個測試的描述。在測試用例中說明測試的輸入以及期待的輸出。
在當前班級管理中,我制定測試用例如下:
| 名稱 | 測試步驟 | 檢查點 |
| ------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
| 班級管理菜單 | 點擊菜單欄中的班級管理菜單 | 控制臺是否報錯,是否成功的顯示了班級列表 |
| 班級新增功能 | 1. 點擊新增按鈕<br>2. 填寫名稱<br>3. 選擇班主任<br>4. 點擊保存按鈕 | 1. 控制臺是否錯<br>2. 必填字段是否有提示,是否驗證<br>3. 必填字段未填充前,保存按鈕是否禁用<br>4. 保存成功后是否跳轉回班級管理界面<br>5. 新增的班級是否顯示在班級列表中 |
| 班級列表 | 1. 點擊分頁按鈕 | 分頁是否生效,新增的班級是否在最前 |
| 班級編輯 | 1. 點擊編輯按鈕<br/>2. 填寫新名稱<br/>3. 選擇新班主任<br/>4. 點擊保存按鈕 | 1. 編輯前的原班級名稱、班主任信息是否自動填充、選中。<br>2. 必填字段是否校驗。<br>3. 必填字段未填充前,保存按鈕是否禁用<br/>4. 保存成功后是否跳轉回班級管理界面<br/>5. 班級列表原班級信息是否已變更為新班級<br>6. 控制臺是否報錯 |
| 班級刪除 | 1. 點擊刪除按鈕<br>2. 點擊取消<br>3. 刷新頁面<br>4. 點擊刪除按鈕<br>5. 點擊確認<br>6. 刷新頁面 | 1. 控制臺是否報錯<br>2. 點擊取消后,預刪除的記錄仍在。<br>3. 點擊取消后,刷新頁面,預刪除的數據仍在<br>4. 點擊確認后,數據成功刪除<br>5. 點擊確認后,刷新頁面,預刪除的數據已刪除 |
測試用例完成了,后期還需要按實際的測試情況進行修正、補充。最終使其真正的成為系統上線上的最后保障。
- 序言
- 第一章 Hello World
- 1.1 環境安裝
- 1.2 Hello Angular
- 1.3 Hello World!
- 第二章 教師管理
- 2.1 教師列表
- 2.1.1 初始化原型
- 2.1.2 組件生命周期之初始化
- 2.1.3 ngFor
- 2.1.4 ngIf、ngTemplate
- 2.1.5 引用 Bootstrap
- 2.2 請求后臺數據
- 2.2.1 HttpClient
- 2.2.2 請求數據
- 2.2.3 模塊與依賴注入
- 2.2.4 異步與回調函數
- 2.2.5 集成測試
- 2.2.6 本章小節
- 2.3 新增教師
- 2.3.1 組件初始化
- 2.3.2 [(ngModel)]
- 2.3.3 對接后臺
- 2.3.4 路由
- 2.4 編輯教師
- 2.4.1 組件初始化
- 2.4.2 獲取路由參數
- 2.4.3 插值與模板表達式
- 2.4.4 初識泛型
- 2.4.5 更新教師
- 2.4.6 測試中的路由
- 2.5 刪除教師
- 2.6 收尾工作
- 2.6.1 RouterLink
- 2.6.2 fontawesome圖標庫
- 2.6.3 firefox
- 2.7 總結
- 第三章 用戶登錄
- 3.1 初識單元測試
- 3.2 http概述
- 3.3 Basic access authentication
- 3.4 著陸組件
- 3.5 @Output
- 3.6 TypeScript 類
- 3.7 瀏覽器緩存
- 3.8 總結
- 第四章 個人中心
- 4.1 原型
- 4.2 管道
- 4.3 對接后臺
- 4.4 x-auth-token認證
- 4.5 攔截器
- 4.6 小結
- 第五章 系統菜單
- 5.1 延遲及測試
- 5.2 手動創建組件
- 5.3 隱藏測試信息
- 5.4 規劃路由
- 5.5 定義菜單
- 5.6 注銷
- 5.7 小結
- 第六章 班級管理
- 6.1 新增班級
- 6.1.1 組件初始化
- 6.1.2 MockApi 新建班級
- 6.1.3 ApiInterceptor
- 6.1.4 數據驗證
- 6.1.5 教師選擇列表
- 6.1.6 MockApi 教師列表
- 6.1.7 代碼重構
- 6.1.8 小結
- 6.2 教師列表組件
- 6.2.1 初始化
- 6.2.2 響應式表單
- 6.2.3 getTestScheduler()
- 6.2.4 應用組件
- 6.2.5 小結
- 6.3 班級列表
- 6.3.1 原型設計
- 6.3.2 初始化分頁
- 6.3.3 MockApi
- 6.3.4 靜態分頁
- 6.3.5 動態分頁
- 6.3.6 @Input()
- 6.4 編輯班級
- 6.4.1 測試模塊
- 6.4.2 響應式表單驗證
- 6.4.3 @Input()
- 6.4.4 FormGroup
- 6.4.5 自定義FormControl
- 6.4.6 代碼重構
- 6.4.7 小結
- 6.5 刪除班級
- 6.6 集成測試
- 6.6.1 惰性加載
- 6.6.2 API攔截器
- 6.6.3 路由與跳轉
- 6.6.4 ngStyle
- 6.7 初識Service
- 6.7.1 catchError
- 6.7.2 單例服務
- 6.7.3 單元測試
- 6.8 小結
- 第七章 學生管理
- 7.1 班級列表組件
- 7.2 新增學生
- 7.2.1 exports
- 7.2.2 自定義驗證器
- 7.2.3 異步驗證器
- 7.2.4 再識DI
- 7.2.5 屬性型指令
- 7.2.6 完成功能
- 7.2.7 小結
- 7.3 單元測試進階
- 7.4 學生列表
- 7.4.1 JSON對象與對象
- 7.4.2 單元測試
- 7.4.3 分頁模塊
- 7.4.4 子組件測試
- 7.4.5 重構分頁
- 7.5 刪除學生
- 7.5.1 第三方dialog
- 7.5.2 批量刪除
- 7.5.3 面向對象
- 7.6 集成測試
- 7.7 編輯學生
- 7.7.1 初始化
- 7.7.2 自定義provider
- 7.7.3 更新學生
- 7.7.4 集成測試
- 7.7.5 可訂閱的路由參數
- 7.7.6 小結
- 7.8 總結
- 第八章 其它
- 8.1 打包構建
- 8.2 發布部署
- 第九章 總結