iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

今天我想來在 Angular 應用程式上加上測試保護 系列

測試是應用程式開發過程中必要做的事情之一,而 Angular 在整個開發過程中,可以利用 Jamsine + Karma 或是 Jest 等框架來撰寫與執行單元測試,也可以搭配 Cypress 或 Playwright 等端對端測試框架來進行 E2E 測試,Angular CLI 皆提供了完整的解決方案。這系列會介紹如何在 Angular 應用程式中,撰寫單元測試與 E2E 測試

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

Day 21 - 端對端測試 - 利用 Cypress 驗證應用程式

前言 如昨天文章所言,我們可以利用 Cypress 所提供的預設斷言來驗證應用程式執行的狀況。這一篇則來說明如何利用 Cypress 的 should() 方法...

2022-10-06 ‧ 由 阿壹 分享
DAY 22

Day 22 - 端對端測試 - 使用 Fixture 定義測試資料與環境變數設定

前言 前幾天我們說明了如何利用 Cypress 來撰寫端對端測試程式。這一篇來說明如何在 Cypress 設定環境變數,以及利用 Cypress 所提供的 fi...

2022-10-07 ‧ 由 阿壹 分享
DAY 23

Day 23 - 端對端測試 - Cypress 別名與自訂命令

前言 端對端測試是從使用者的角度進撰寫,因而會在不同的案例中重覆撰寫相同的程式碼,今天就來說明在 Cypress 如何降低重覆程式碼的比例。 使用 Cypres...

2022-10-08 ‧ 由 阿壹 分享
DAY 24

Day 24 - 端對端測試 - Cypress 報表設定

前言 先前我們利用 Cypress 框架來進行端對端測試,今天來說明如何在 Cypress 中設定測試報表。 自訂報表 由於 Cypress 是建構在 Moch...

2022-10-09 ‧ 由 阿壹 分享
DAY 25

Day 25 - 端對端測試 - Cucumber 的設定

前言 無論從一開始的單元測試到端對端測試,所撰寫的測試程式的內容皆偏向工程,而無法用於工程人員與使用者或 PM 進行需求上的溝通。這一篇會先說明如何在專案中安裝...

2022-10-10 ‧ 由 阿壹 分享
DAY 26

Day 26 - 端對端測試 - 利用 Cucumber 撰寫登入作業測試規格

前言 上一篇完成了 Cucumber 設定,並且利用 Cucumber 改寫了 application.cy.ts 的測試內容。今天會利用 login.cy.t...

2022-10-11 ‧ 由 阿壹 分享
DAY 27

Day 27 - 自動化測試 - 利用 Jenkins Multibranch Pipeline 執行測試

前言 這一系列前兩部份分別說明了單元測試與端對端測試,當我們撰寫完這些測試程式後,就可以利用 Jenkins 或 GitHub Actions 等 CI/CD...

2022-10-12 ‧ 由 阿壹 分享
DAY 28

Day 28 - 自動化測試 - 利用 GitHub Actions 執行測試

前言 上一篇說明了如何利用 Jenkins 來執行自動化測試,而這一篇則會來說明 GubHub Actions 要如何執行自動化作業。 GitHub Actio...

2022-10-13 ‧ 由 阿壹 分享
DAY 29

Day 29 - 番外篇 - 在 Angular 專案安裝 Jest 測試框架

前言 在這一系列文章的一開始,我們使用了 Jasmine 框架來撰寫單元測試程式。然而,除了 Jasmine 之外,我們也可以在 Angular 專案內使用 J...

2022-10-14 ‧ 由 阿壹 分享
DAY 30

Day 30 - 番外篇 - 利用 Jest 框架撰寫測試程式

前言 上一篇說明了如何在 Angular 專案中安裝與設定 Jest 框架,這一篇來看看 Jest 與 Jasmine 框架之間有什麼差異。 利用 Jest 撰...

2022-10-15 ‧ 由 阿壹 分享