iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

Angular TDD 測試從0到1: Day 11 Isolated vs Non-Isolated 測試

什麼是,non-isolated 就是「非隔離測試」,這個方式不建議在做單元測試這樣做,除了與 TDD 精神相反外,還會造成測試程式碼維護的複雜度,所以在測試時...

2022-09-24 ‧ 由 y5982 分享
DAY 12

Angular TDD 測試從0到1: Day 12 導入專案寫測試 (Udemy) - 前言

上週學習「基礎測試」的方法使用,以及「學習方式」,這周要進入從現有專案寫測試。 因為有目的的學習,加上應用才可以將經驗真融入到骨子裡,要是學了沒有應用,感覺像是...

2022-09-25 ‧ 由 y5982 分享
DAY 13

Angular TDD 測試從0到1: Day 13 建立專案

終於進入主題了,為了尊重講師的智慧財產權,筆者不會把講師的 Source Code 放上來唷,有興趣的讀者們可以到 Udemy 購買 :) 但我會將重點整理上來...

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

Angular TDD 測試從0到1: Day 14 如何用 configureTestingModule 設定 Unit Test 環境

延續前一天開發環境設定,今天來到 Section 2 設定單元測試環境,依照下列課綱會學習「如何設定TestBed」、「如何用 mock component 做...

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

Angular TDD 測試從0到1: Day 15 Typescript Unit Test(1)

前一篇我們瞭解 TestingModule 運作的方式,接下來介紹常見的 function test 情境。 今天課程是,有興趣的讀者可以上 Udemy 看看...

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

Angular TDD 測試從0到1: Day 16 Typescript Unit Test(2)

接續 Typescript 測試,今天要來測試 function 裡的「變數」 課程名稱如下: Testing Fields Are Updated Test...

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

Angular TDD 測試從0到1: Day 17 Typescript Unit Test(3) - Observables, Subscription

不意外的今天依舊測試 typescript,不過有趣的是可以來測試 observable,雖然課程有 async function 由於前幾篇有提過,今天就不再...

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

Angular TDD 測試從0到1: Day 18 Typescript Unit Test(4) - Navigation, Local Storage

來到 Typescript 測試倒數第二天,今天繼續學習不同的 ts 測試 課程名稱如下: Testing Navigation Testing Local...

2022-10-01 ‧ 由 y5982 分享
DAY 19

Angular TDD 測試從0到1: Day 19 Typescript Unit Test(5) - Detector Change

終於來到 TS 最後一篇測試範例了,今天要來認識 detector change 的測試方法 課程名稱如下: Testing The Change Detec...

2022-10-02 ‧ 由 y5982 分享
DAY 20

Angular TDD 測試從0到1: Day 20 HTML Template Unit Test(1) - 取得元素的方法

結束了 TS 測試,來到了 UI 測試,今日課程如下: Grabbing Components From The UI 常見 DOM 元素取得方式 在進行...

2022-10-03 ‧ 由 y5982 分享