摘要

端對端 (End-to-End, E2E) 測試是從真實使用者的角度，在瀏覽器中模擬完整的操作流程，來測試整個應用程式是否如預期般工作。

定義與說明

E2E 測試會啟動一個真實的瀏覽器，自動執行諸如「訪問頁面 -> 輸入表單 -> 點擊按鈕 -> 驗證結果」等一系列操作。Cypress 和 Playwright 是目前最流行的兩個 E2E 測試框架，它們提供了強大的 API 來模擬使用者互動和進行斷言。

實作範例

一個 Cypress 測試範例，用於測試登入流程。

// login.cy.js
describe('Login Flow', () => {
  it('allows a user to log in', () => {
    cy.visit('/login');
    cy.get('input[name=username]').type('testuser');
    cy.get('input[name=password]').type('password123');
    cy.get('button[type=submit]').click();
    cy.url().should('include', '/dashboard');
    cy.contains('h1', '歡迎回來');
  });
});

結論

E2E 測試為應用程式的關鍵使用者流程提供了最高級別的信心保證。雖然編寫和運行成本較高，但對於確保核心功能的穩定性至關重要。

E2E 測試 Cypress Playwright