念念不忘,必有迴響。有一口氣,點一盞燈,有燈就有人。

如何使用 TypeScript 實踐 Iterator Pattern? (使用 IterableIterator<T>)

如何使用 TypeScript 實踐 Iterator Pattern? (使用 IterableIterator<T>)

在 C# 有著名的 IEnumerableIEnumerator interface,只要 implement 這兩個 interface,就可以實踐 Iterator Pattern,但 TypeScript 該如何實做呢 ?

如何使用 Protractor 寫 Checkbox 的驗收測試 ?

如何使用 Protractor 寫 Checkbox 的驗收測試 ?

HTML 的 <input type="checkbox"> 是常見的控制項,該如何使用 Protractor 對 checkbox 寫驗收測試 ?

如何使用 Protractor 寫 Radio 的驗收測試 ?

如何使用 Protractor 寫 Radio 的驗收測試 ?

HTML 的 <input type="radio"> 是常見的控制項,該如何使用 Protractor 對 radio 寫驗收測試呢 ?

如何使用 Protractor 寫 Select 的驗收測試 ?

如何使用 Protractor 寫 Select 的驗收測試 ?

HTML 的 <select> 是常見的控制項,該如何使用 Protractor 對 select 寫驗收測試呢 ?

如何關閉 WebStorm 的 Jasmine Warning ?

如何關閉 WebStorm 的 Jasmine Warning ?

使用 WebStorm 寫 Protractor 或 Jasmine 測試時,有 2 個 WebStorm 的 warning 會造成困擾,建議將其關閉。

如何測試 Angular 的 ngModel?

如何測試 Angular 的 ngModel?

Two-way Binding 的 ngModel非常方便,但因為這是 syntax sugar,該如何測試呢?

深入淺出 Angular 的 Two-Way Binding

深入淺出 Angular 的 Two-Way Binding

Interpolation binding 與 property binding 都當 class 的 field 有變動時,會自動反應到 class 的 field,若 HTML 有任何變動也能反應到 class 的 field,這就是 two-way binding 了。

深入探討 Jasmine 的 Spy

深入探討 Jasmine 的 Spy

Jasmine 是個 mock 與 assertion 合一的 testing framework,語法優美,寫起來程式碼的可讀性很高,重點是不複雜,學習曲線平緩,Spy 為 Jasmine 最重要的部分,本文針對最常在 Angular 使用的 Spy 做整理。

深入探討 Test Double、Dummy、Fake、Stub 、Mock 與 Spy

深入探討 Test Double、Dummy、Fake、Stub 、Mock 與 Spy

初學者在學習測試時,常被一些測試的專有名詞迷惑,而且常常不同 framework 對同一個名詞的定義還不一樣。

本文以 Martin Fowler 在 TestDouble 一文的定義為標準,並搭配 Jasmine 解釋。

COSCUP Workshop:使用 RESTful API

COSCUP Workshop:使用 RESTful API

Angular 是前端 framework,若要讀寫後端資料庫,就要靠 RESTful API 與後端溝通。