iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

Angular TDD 測試從0到1: Day 21 HTML Template Unit Test(2) - Change Detector and Display

來到 HTML 測試第二篇,今日課程如下: Updating The UI Using The Change Detector Testing Compone...

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

Angular TDD 測試從0到1: Day 22 HTML Template Unit Test(3) - ngIf, ngFor, ngClass

前一篇是好理解的 UI、CSS 測試,今天要來學習如何測試「directive」的情境。也就是「ngIf」、「ngFor」、「ngClass」,直接來看範例 今...

2022-10-05 ‧ 由 y5982 分享
DAY 23

Angular TDD 測試從0到1: Day 23 HTML Template Unit Test(4) - @Input, @Output

來到 UI 測試最後一篇,要來學習元件有內外部參數傳遞的情境 Testing Child Component Outputs Testing Child Co...

2022-10-06 ‧ 由 y5982 分享
DAY 24

Angular TDD 測試從0到1: Day 24 Tips For Writing Unit Tests

結束 HTML, Typescript 範例測試,講師也分享幾個快速寫單元測試的方法,還有他習慣的開發方式,筆者覺得真的蠻方便的,我們一起來看看 Tip 1...

2022-10-07 ‧ 由 y5982 分享
DAY 25

Angular TDD 測試從0到1: Day 25 補充 ng-Select

在結束撰寫單元測試的技巧前,想再分享 ng-select 的測試方法。 開發過程中不難遇到會有 dropdown options 的元件,講者使用第三方 lib...

2022-10-08 ‧ 由 y5982 分享
DAY 26

Angular TDD 測試從0到1: Day 26 筆記回顧 Refelction (1)

今天來回顧這幾週學習的內容,用重點整理的方式,讓自己在短時間內抓到重點。 1. Component 測試 簡單的元件測試會檢查 html 的值有沒有存在,以這...

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

Angular TDD 測試從0到1: Day 27 筆記回顧 Refelction (2)

今天接續來回顧學習的內容,列出重點關鍵字,在回顧的時候有記憶點。 1. Observables, Subscription 測試 spyOn 元件函式 使用...

2022-10-10 ‧ 由 y5982 分享
DAY 28

Angular TDD 測試從0到1: Day 28 聊聊「時間管理」

「時間管理」一直以來是需要突破的課題,也閱讀不少網路上別人的管理經驗,並實際運用在工作、自我成長的專案上,好用的留下來,用不習慣的就捨棄,摸索出屬於自己的時間管...

2022-10-11 ‧ 由 y5982 分享
DAY 29

Angular TDD 測試從0到1: Day 29 聊聊「鐵人賽之專案管理」

「IT 鐵人賽」就像小型個人專案一樣,這篇想分享「鐵人賽」和實際「專案管理」相似之處。 專案要能準時交付,最重要的是「團隊合作」和「溝通」,如果專案團隊的利害關...

2022-10-12 ‧ 由 y5982 分享
DAY 30

Angular TDD 測試從0到1: Day 30 完賽心得

來到鐵人賽最後一天,身為開發人員要學習的不只有技術,還有「與不同角色溝通」、「練習輸入與輸出」、「用不同視角看世界」,以及「一顆謙虛心態」(但還是要肯定自己)。...

2022-10-13 ‧ 由 y5982 分享