鐵人檔案
測試是應用程式開發過程中必要做的事情之一，而 Angular 在整個開發過程中，可以利用 Jamsine + Karma 或是 Jest 等框架來撰寫與執行單元測試，也可以搭配 Cypress 或 Playwright 等端對端測試框架來進行 E2E 測試，Angular CLI 皆提供了完整的解決方案。這系列會介紹如何在 Angular 應用程式中，撰寫單元測試與 E2E 測試
前言 上一篇說明了三種建立 Spy 物件的方法，透過 Spy 物件的替換可以讓單元測試不用與外部資源相依，進而減少測試程式的準備成本；這一篇會來介紹在 Spy...
前言 表單是 Angular 應用程式常見實作的功能，除了提供使用者輸入對應的資料欄位，也會針對這些欄位進行資料驗證，這一篇就來針對表單元件撰寫單元測試程式。...
前言 上一篇撰寫了表單元件的測試程式，今天進一步來針對表單內有非同步驗證時，要如何撰寫單元測試程式。 範例程式 今天的範例程式會使用 LoginPageComp...
前言 利用 Angular 框架所開發的是單一頁面應用程式，因而會利用路由來進行不同頁面的切換。這一篇就來說明要如何針對路由的作業撰寫單元測試程式。 範例程式...
前言 在之前的篇幅中，針對 Angular 元件的測試常會去檢查頁面上的顯示是否符合預期，因此常會需要在各個測試案例中使用 query 來找尋特定的頁面元素。然...
前言 先前幾篇說明了利用 Jasmine 框架來撰寫單元測試程式，並在文章的最後都會執行 Karma 來確認測試的結果；這一篇來說明 Karma 常用的設定與使...
前言 這一系列文章的第一部份說明了如何在 Angular 撰寫單元測試程式，而這一篇開始則會進行第二部份，針對端對端測試進行說明。 什麼是端對端測試 (End-...
前言 上一篇簡單介紹了端對端測試，這一篇開始會從安裝 Cypress 開始陸續在 Angular 專案中加入端對端程式。 Cypress 的安裝 要在專案中使用...
前言 上一篇在 Angular 專案安裝完了 Cypress 框架，這篇開始來實際針對範例程式加入端對端的測試程式。 Cypress 測試檔案 在利用 Angu...
前言 上一篇說明了 Cypress 框架提供的描述與群組化測試案例，以及生命週期鉤子的方法。而在 Cypress 內整合了多種的斷言 (Assertions)...
