-
第1章 課程導學
帶你瞭解課程主體內容,整體對課程中的前端自動化測試及知識點做通盤瞭解。幫助大家確認課程是否與自己的需求匹配。從零基礎入門前端自動化測試,帶你深入瞭解如何藉助Jest這樣的工具和TDD等測試思想,快速完成對Vue,React項目的完整測試...
- 1-1 前端要學的測試課試看
-
第2章 Jest 前端自動化測試框架基礎入門
本章講解前端自動化測試框架的產生背景,原理以及目前最爲流行的前端自動化測試框架 Jest 的使用方式,幫助大家入門前端自動化測試基礎知識。
- 2-1 自動化測試背景及原理試看
- 2-2 前端自動化測試框架 Jest試看
- 2-3 使用 Jest 修改自動化測試樣例
- 2-4 Jest 的簡單配置
- 2-5 Jest 中的匹配器
- 2-6 Jest 命令行工具的使用
- 2-7 異步代碼的測試方法(1)
- 2-8 異步代碼的測試方法(2)
- 2-9 Jest 中的鉤子函數
- 2-10 鉤子函數的作用域
- 2-11 Jest 中的 Mock(1)
- 2-12 Jest 中的 Mock(2)
- 2-13 章節小結
-
第3章 Jest難點進階
本章主要講解 Jest中 snapshot 以及高級 mock 技巧,幫助大家深入理解在不同情況下,如何使用高級知識點完成不同的測試需求。
- 3-1 snapshot 快照測試
- 3-2 mock 深入學習
- 3-3 mock timers
- 3-4 ES6 中類的測試
- 3-5 Jest 中對 DOM 節點操作的測試
-
第4章 Vue 中的 TDD 與 單元測試
本章主要講解,在 Vue 中,接口和 Vue-test-util 如何使用 TDD 的流程對業務組件進行單元測試,通過例子幫助大家理解TDD與單元測試,同時也引出單元測試和TDD的一些優劣點。
- 4-1 什麼是TDD?
- 4-2 Vue 環境中配置 Jest
- 4-3 vue-test-utils 的配置及使用
- 4-4 使用 TDD 的方式開發 Header 組件(1)
- 4-5 使用 TDD 的方式開發 Header 組件 (2)
- 4-6 Header 組件樣式新增及快照測試
- 4-7 通用代碼提取封裝
- 4-8 UndoList 的實現(1)
- 4-9 UndoList 的實現(2)
- 4-10 UndoList 樣式修飾及測試代碼優化
- 4-11 UndoList 編輯功能實現(1)
- 4-12 UndoList 編輯功能實現 (2)
- 4-13 CodeCoverage 代碼覆蓋率
- 4-14 章節小結
-
第5章 React中的 TDD 與 單元測試
本章主要講解,在React中,結合Enzyme,如何使用TDD的流程對業務組件進行單元測試,通過例子幫助大家理解TDD與單元測試,同時也引出單元測試和TDD的一些優劣點。
- 5-1 什麼是TDD?(同4-1)
- 5-2 React 環境中配置 Jest(1)
- 5-3 React 環境中配置 Jest(2)
- 5-4 Enzyme 的配置及使用
- 5-5 使用 TDD 的方式開發 Header 組件 (1)
- 5-6 使用 TDD 的方式開發 Header 組件 (2)
- 5-7 Header 組件樣式新增及快照測試
- 5-8 通用代碼提取封裝
- 5-9 UndoList 的實現(1)
- 5-10 UndoList 的實現(2)
- 5-11 UndoList 樣式修飾及測試代碼優化
- 5-12 UndoList 編輯功能實現 (1)
- 5-13 UndoList 編輯功能實現 (2)
- 5-14 UndoList 編輯功能實現(3)
- 5-15 CodeCoverage 代碼覆蓋率
- 5-16 章節小結
-
第6章 Vue中的 BDD 與 集成測試
本章通過 BDD 與集成測試,通過重新改寫測試用例和業務代碼,讓大家清晰直觀的看到 BDD 和集成測試在開發快速迭代業務代碼時的優勢, 通過本章講解,大家可以深入理解TDD,BDD,單元測試,集成測試的適用場景,選擇適合自己的測試方案。還會講解Redux,路由,axios 的測試方案。...
- 6-1 BDD 的概念以及與 TDD 的對比
- 6-2 使用 BDD 和集成測試進行 Vuex 項目的測試(1)
- 6-3 使用 BDD 和集成測試進行 Vuex 項目的測試(2)
- 6-4 異步測試(1)
- 6-5 異步測試(2)
- 6-6 路由頁面的代碼組織
-
第7章 React中的 BDD 與 集成測試
本章通過 BDD 與集成測試,通過重新改寫測試用例和業務代碼,讓大家清晰直觀的看到 BDD 和集成測試在開發快速迭代業務代碼時的優勢, 通過本章講解,大家可以深入理解TDD,BDD,單元測試,集成測試的適用場景,選擇適合自己的測試方案。還會講解Redux,路由,axios 的測試方案。...
- 7-1 BDD 的概念以及與 TDD 的對比
- 7-2 使用 BDD 和集成測試進行 Redux 項目的測試(1)
- 7-3 使用 BDD 和集成測試進行 Redux 項目的測試(2)
- 7-4 異步測試(1)
- 7-5 異步測試(2)
- 7-6 異步測試(3)
- 7-7 路由頁面的代碼組織
-
第8章 前端自動化測試的思考總結
本章對課程設計的知識點做完整的總結,同時衍生出業界對前端自動化測試的最佳實踐相關的思考,通過例子的講解,帶大家進一步提升測試方案選型的能力。
- 8-1 課程總結
對於想要進階Vue高級方面的同學有很大的幫助,話不多說,call我 v x : lemon956688