習作與展示
第一天:Jasmine 單元測試概念
- 主題:瞭解 Jasmine 和單元測試的基本概念
- 內容:
- Jasmine 測試框架(Jasmine Testing Framework)介紹
- 單元測試(Unit Testing)的重要性和原則
- 基本的 Jasmine 測試語法,包括 describe, it, expect
- 設置和撕除(Setup and Teardown):beforeEach 和 afterEach 的使用
第二天:Jasmine & Karma 整合
- 主題:深入 Jasmine 功能和與 Karma 的結合
- 內容:
- Mocks 和 Spies:模擬依賴和監控函數調用
- 異步測試(Asynchronous Testing):處理非同步操作
- Karma 測試運行器(Karma Test Runner)配置和使用
- Angular 中的測試實例:測試組件(Components)和服務(Services)
第三天:Cypress 簡介
- 主題:瞭解 Cypress 和現代端到端測試工具的基本概念
- 內容:
- Cypress 測試框架介紹:快速、可靠的端到端測試工具
- 環境設置:安裝和配置 Cypress
- 基本操作:測試編寫、元素定位、斷言
- 測試案例設計:如何編寫高效的端到端測試
- Mochawesome 報告工具介紹:生成美觀的測試報告
- 配置
cypress-mochawesome-reporter
:整合 Cypress 測試結果至 Mochawesome 報告
- 使用報告分析測試結果:如何解讀和優化測試報告
第四天:Selenium 簡介
- 主題:探索 Selenium 的基本功能和進階應用
- 內容:
- Selenium WebDriver 介紹:自動化網頁應用測試工具
- 環境設置:安裝和配置 WebDriver
- 基本操作:元素定位、元素互動、瀏覽器控制
- 高級定位技巧:XPath, CSS Selectors 的使用
- 處理複雜的網頁互動:下拉選單、彈窗、框架切換
- Selenium Grid:分布式測試環境的設置和使用
第五天:結訓展示
- 習作主題:完成並展示一個完整單元與端到端測試
- 內容:
- 撰寫一個簡單 Angular 應用程式,並含單元測試。
- 使用 Cypress 和 Selenium 撰寫端到端測試腳本。
- 執行單元測試與端到端測試,並顯示測試結果。