2021大神來六角的投影片

1. Angular 深入淺出測試篇：單元測試入⾨

2. • 「Angular 深入淺出三⼗天」
• 「Angular Schematics 實戰三⼗天」
• ⽬前任職於 Lilee Systems
陳志龍（Leo 李歐）

3. • 驗證系統/軟體的最⼩單位 ─ 函式的實際執⾏結果是否與我們預
期的執⾏結果相符
• 測試不同狀況下功能使⽤情況
• 由開發者撰寫
單元測試（Unit Testing）

4. 圖片來源：LeetCode

5. 什麼是優秀的單元測試？

6. • 要獨立於其他測試
• 要能完全掌控被測試的單元
• 執⾏結果在執⾏N次之後結果都⼀樣
優秀的單元測試的特質
推薦閱讀：單元測試的藝術

7. • 可信賴
• 可維護
• 可閱讀
推薦閱讀：單元測試的藝術
優秀的單元測試的⽀柱

8. • 避免測試中帶著邏輯
• switch, if-else, for/while loop, try-catc
h
• 每次只測試⼀個關注點
• Code review
推薦閱讀：單元測試的藝術
可信賴？

9. • 透過重構將 private / protected 的⽅法抽到新的類別
• 測試隔離
推薦閱讀：單元測試的藝術
可維護？

10. • 命名
• 被測試的⽅法名稱
• 測試情境
• 預期⾏為
• 驗證和操作分離
推薦閱讀：單元測試的藝術
可讀性？

11. • Arrange ─ 測試前的準備
• Act ─ 執⾏測試的動作
• Assert ─ 驗證
推薦閱讀：單元測試的藝術
3A 原則

12. 實戰

13. • Template Driven Forms 簡易表單實作－登入
• Reactive Driven Forms 簡易表單實作－登入
範例程式碼

14. 相關連結
Angular Taiwan 臉書社團 Angular Taiwan 論壇
Angular Taiwan 線上讀書會社團 Angular Taiwan Youtube 頻道

15. Thank you