鐵人檔案
Angular 身為前端三大框架之一，除了有統一的規範、完整的生態圈之外，個人覺得它在製作表單的方式上也有其獨到之處，再加上 Angular 生態圈自帶的測試框架，讓你學成之後再也不會寫出有 bug 的表單！就讓李歐用三十天的時間來分享如何 用 Angular 來製作表單，並且學習如果使用 Angular 來寫測試，讓你的程式碼品質更上一層樓！
今天要來用 Reactive Forms 的方式再來實作一次昨天的表單。 具體的規格需求跟昨天差不多，如下所示： 被保險人的欄位： 姓名（文字輸入框）...
今天我們要來為我們用 Template Driven Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十天的文章： Te...
昨天幫我們用 Template Driven Forms 所撰寫的被保人表單寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼...
今天我們要來為我們用 Reactive Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十一天的文章： Reactive...
昨天幫我們用 Reactive Forms 所撰寫的被保人表單寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼嗎？我幫大家複...
這段期間，我們用 Template Driven Forms 與 Reactive Forms 各自做了一個登入表單（靜態）與被保人表單（動態），而且我們也都...
在這個各種前端框架、開發工具層出不窮、百花齊放、百鳥齊鳴的美好時代， E2E 自動化測試工具的選擇自然也很多。 今天我們會先來初步了解一下目前有哪些 E2E...
昨天跟大家分享了 Cypress 有多厲害之後，大家有沒有很期待呢？ 這兩天就讓我來跟大家介紹 Cypress 到底有多厲害吧！ 由於 Cypress 的功...
昨天跟大家初步地分享了 Cypress 怎麼安裝、 Cypress 的資料夾結構 、 Cypress Test Runner 有哪些功能、和 Cypress...
經過這兩天的介紹，相信大家對於 Cypress 應該已經有了一定程度的理解，有沒有人已經開始用它來寫測試了呢？ 今天就讓我帶著大家用 Cypress 來為我們...