前端端到端測試

習題預習

1. 什麼是Front-End End-to-end testing及其優點?
2. Front-End End-to-end testing的流程是什麼?需要用到哪些工具?
3. 如何選擇最適合的End-to-end testing框架?
4. 在進行Front-End End-to-end testing時需要注意哪些事項?
5. 如何處理Front-End End-to-end testing中的錯誤與異常情況?

說明知識

Front-End End-to-end testing是指對應用程式的前端部分進行測試的一種方法。這種測試可以涵蓋從介面到邏輯，從UI到API。

舉個例子，當一個用戶從首頁點擊一個按鈕，可以跳轉到另一個網頁，這個過程會涉及到多個前端、後端和API的相互作用。Front-End End-to-end testing可以通過自動化測試工具，測試每個步驟，從而提高應用程式的穩定性。

例如，Selenium、TestCafe等都是常用的前端End-to-end測試工具，這些測試工具可以自動化地模擬用戶在網站上的行為，如點擊按鈕、填寫表單、提交表單等，隨著用戶行為的模擬，來驗證用戶界面的功能是否正常運作，以及對應用程式本身的影響。

彙總重點

以下列出Front-End End-to-end testing的重點：

1. 集成網頁所有前端的組件
2. 測試使用者在網站上的工作流程
3. 測試網頁在不同環境（不同瀏覽器、手機、平板電腦等）下的運作
4. 測試網站在不同設備和寬度下的反應
5. 測試網站在不同語言和文化下的運行情況
6. 測試數據傳輸和API的功能是否正常
7. 測試不同的網站鏈接是否正常運作

綜合上述重點，Front-End End-to-end testing的目標在於測試整個前端在所有可能的情境下的運行情況，以確保網站或應用的功能和用戶體驗達到最佳狀態。

知識測驗

1. 請問以下哪種測試會檢查整個系統的行為，包括用戶介面、功能、與後端系統的溝通等等？

A. Unit testing
B. Integration testing
C. End-to-end testing
D. System testing

答：C

2. 當我們進行End-to-end testing時，是否需要針對每個單元元件進行測試？

A. 是
B. 否

答：B

3. 在進行End-to-end testing時，我們可以使用哪些工具來協助自動測試？

A. Mocha
B. Selenium
C. Cypress
D. A與B都可以
E. B與C都可以

答：E

4. 當我們在執行End-to-end testing時，是否需要專門的測試環境？

A. 是
B. 否

答：A

5. 請問在進行End-to-end testing時，我們需要準備哪些測試用例？

A. Positive cases
B. Negative cases
C. Boundary cases
D. A、B、C都需要

答：D