iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

Angular TDD (Test-driven development ) 從0到1 系列

前端工程師除了框架應用,也需要take撰寫測試的能力,以扎實的驗證程式碼。希望在這三十天的時間分享如何用Angular從0到1實作TDD,提升程式碼可靠性。讓大家對TDD實作有個初步的認識。

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 1

Angular TDD 測試從0到1: Day 1 參賽初衷

首次參加鐵人賽,藉由參賽砥礪自己學習進度,更重要的是從過程中優化自己的「時間管理」、「學習方式」,30天很短,也只是個「開始」,期許自己在「最小可行性」的方式,...

2022-09-14 ‧ 由 y5982 分享
DAY 2

Angular TDD 測試從0到1: Day 2 學習方式

當工程師以來的職涯,技術推陳出新,迭代快速的環境下,逐漸瞭解到「工程師」要培養的技能不是各種技術都摸過,而是「如何在短時間內,掌握技術要點所在」。當認知到這點時...

2022-09-15 ‧ 由 y5982 分享
DAY 3

Angular TDD 測試從0到1: Day 3 為什要寫測試?能用就好了吧?!

台灣目前的開發環境,普遍還是沒有將撰寫「測試」放入開發一環,許多公司為求「盡早推出產品」、「開發人力不足」、「公司政策與預算」等為由,求快速開發,而沒有實做un...

2022-09-16 ‧ 由 y5982 分享
DAY 4

Angular TDD 測試從0到1: Day 4 撰寫測試須知

follow測試的3A法則 Arrange: 初始化必要物件,設定mock data Act: 測項的執行過程 Assert: 驗證預期結果 根據AAA法則...

2022-09-17 ‧ 由 y5982 分享
DAY 5

Angular TDD 測試從0到1: Day 5 Karma 介紹

背景 Angular 預設使用Jasmine, Karma為測試工具。 前者是一套「單元測試框架」aka Assertion library (斷言庫)。常見的...

2022-09-18 ‧ 由 y5982 分享
DAY 6

Angular TDD 測試從0到1: Day 6 Jasmine 介紹

當建立新的Angular專案時,已內建spec檔案,內容會長這樣: describe('Test Suite 測項大類描述', () => { //...

2022-09-19 ‧ 由 y5982 分享
DAY 7

Angular TDD 測試從0到1: Day 7 跑第一個測試

開發環境 ubuntu VSCode 安裝 Nodejs: 16.16.0 安裝 Angular Cli: 13.2.5 npm install -g an...

2022-09-20 ‧ 由 y5982 分享
DAY 8

Angular TDD 測試從0到1: Day 8 Component 測試

測試Component,通常會先建立元件的簡單架構,不會馬上寫style、切版,就只要一個簡單的皮就好。 所以,我們來建立新的元件,稱 user 好了ng g...

2022-09-21 ‧ 由 y5982 分享
DAY 9

Angular TDD 測試從0到1: Day 9 Service 測試

前一篇我們測試簡單元件上的屬性,今天用component搭配service一起做個簡單的測試 今日學習目標以理解如何測試service為主,所以延續前一個 Us...

2022-09-22 ‧ 由 y5982 分享
DAY 10

Angular TDD 測試從0到1: Day 10 Async vs fakeAsync 測試

在開發過程中,多少會遇到異步的 function,return 的結果是一個 callback function 或是Promise的物件,所以在調用 asyn...

2022-09-23 ‧ 由 y5982 分享