Skip to content

Angular 自動化測試

Angular 自動化測試簡介

Angular 自動化測試主要分為兩大類：單元測試（Unit Testing）和端對端測試（End-to-End Testing, E2E Testing）。這兩種測試方法各有其專注點和工具，能夠協助開發者確保應用程式在不同層面上的穩定性和可靠性。

單元測試：Jasmine & Karma

  1. Jasmine（Jasmine Testing Framework）
  2. Jasmine 是一款行為驅動開發（Behavior-Driven Development, BDD）的框架，它允許開發者以描述性語言編寫測試。

  3. 提供了多種斷言（assertion）方法，方便開發者進行不同類型的測試。

  4. Karma（Karma Test Runner）

  5. Karma 是一款測試運行器，它允許在不同的瀏覽器和環境中運行 Jasmine 測試。
  6. 支持實時編碼，即時看到測試結果，對於持續整合（Continuous Integration, CI）非常有用。

端對端測試：Selenium

  1. Selenium WebDriver
  2. Selenium 是一款廣泛使用的自動化測試工具，專注於端對端測試。

  3. 它模擬用戶操作，如點擊、輸入和瀏覽，來確保應用程式的整體流程和功能。

  4. 測試流程

  5. 測試腳本通常使用 TypeScript 或 JavaScript 編寫，模擬用戶與應用程式的實際互動。
  6. Selenium 可以在多種瀏覽器上運行測試，確保跨瀏覽器的兼容性。

綜合應用

在 Angular 項目中，結合 Jasmine 和 Karma 進行單元測試，以及使用 Selenium 進行端對端測試，可以全面覆蓋應用程式的各個方面。單元測試專注於小範圍內的功能和邏輯，而端對端測試則模擬實際用戶操作，測試整個應用程式的流程。這種測試策略有助於及早發現問題，保障應用程式的質量和穩定性。

課程目標

本課程透過實際操作和案例學習，讓學員深入瞭解 Angular 測試的全面知識，包括 Jasmine（Jasmine Testing Framework）、Karma（Karma Test Runner）的單元測試，以及 Selenium WebDriver 的自動化測試。課程結束後，學員將能夠自信地在 Angular 專案中實施有效的測試策略。

學習重點

  • Jasmine 和 Karma 的基本使用：掌握 Jasmine 測試框架的核心概念和語法，並學習如何與 Karma 測試運行器整合。
  • 自動化測試的實踐：了解 Selenium WebDriver 的基礎知識，並學習如何進行網頁自動化測試。

習作與練習

  • 日常習作：每天的課程結束後，學員將完成針對當天學習內容的習作，以加深理解和實踐。
  • 結業項目：學員需要完成一個涵蓋單元測試和自動化測試的綜合 Angular 應用程式。

展示與討論

  • 結業展示：學員將展示他們的結業項目，包括撰寫的測試案例和測試過程，並展示測試結果。
  • 交流討論：鼓勵學員在課程中分享經驗，並就使用中遇到的問題進行討論和解答。

透過此課程，學員將能夠有效地運用 Angular 測試工具，提升軟體開發的品質和效率。