點燈坊

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

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

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

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

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

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

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

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

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

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

在前後端分離下，Angular 需要倚賴後端 API 才能對資料庫存取，在實務上，當 API 規格確立後，前端工程師不可能等後端工程師寫好 API 才開始開發，而是一起同時開發，因此前端工程師需要有假 API 才能開發測試。

前端工程師不必為了假 API 安裝後端環境與資料庫，只要安裝 JSON Server，就能模擬出假 API。