所謂UI測試

• 2020 年 4 月 9 日
• 筆記

❝用戶在應用程序看到和使用的內容都屬於用戶界面類別。 ❞

在過去的幾年中，UI/UX變得越來越重要。隨着市場中競爭者的數量增加，軟件不僅要提供給用戶滿足其需求的基本功能外，還要為用戶提供最佳的用戶體驗。這就是為什麼使該過程對用戶更平滑和直觀變得至關重要的原因。否則，它們可能會使您的應用程序因複雜性而受挫。這就是UI變得如此重要，因此進行UI測試的重要原因！

什麼是UI測試？

用戶界面測試或UI測試是一種測試類型，通過該測試，我們檢查應用程序的界面是否工作正常或是否存在任何妨礙用戶行為且不符合書面規格的BUG。

了解用戶將如何在用戶和網站之間進行交互以執行UI測試至關重要。換句話說，通過執行UI測試，測試人員將嘗試模仿用戶的行為，以查看用戶將如何與程序進行交互，並查看網站的運行情況是否如預期的那樣，並且沒有缺陷。用戶界面中的小缺陷（例如按鈕問題）可能會導致您的網站訪問者無法填寫潛在客戶表單，從而從不進行用戶轉換。

Web網站包含許多來自CSS，JavaScript和許多其他語言的不同Web元素。UI測試捕獲這些元素並對其進行測試和聲明。它主要關注網站的結構和視覺部分，因為這些是用戶關注的，而不是數據如何存儲在數據庫中。由於UI測試涵蓋了用戶交互部分，並且網站元素可以連接到屏幕，鍵盤，鼠標或用戶用於與網站進行交互的任何其他組件，因此最終要進行UI測試。

以下測試方案將幫助您了解對於UI測試很重要的組件。在這種測試情況下，在一個用於預訂電影和活動票的流行網站上預訂3張電影票。當我選擇E-13座位時，它會自動選擇3個座位，如下所示：

他們被連續選擇，這是很符合習慣的，因為大多數預訂票的人都會坐在一起。現在，如果我選擇F-23而不是E-13，讓我們看看會發生什麼。

注意，由於應用程序希望人們坐在一起，因此自動取消選擇E-13，下一個選擇是F-22。

當我選擇E-13作為下一個座位時，應用程序將只選擇該座位。這是一個主要問題，因為在第一步中選擇E-13之後，應用程序可以自動選擇E-13、14、15。

這些類型的功能失敗可能會損害用戶體驗，並可能使他們視線受挫。因此，執行UI測試變得至關重要。

UI測試是否與GUI測試一樣？

GUI（圖形用戶界面）和UI（用戶界面）在前端測試領域通常被視為兩個相似的概念。但是，從更深層次來看，事實並非如此。UI測試是一個廣闊的領域，GUI測試可以視為UI測試的子集。GUI測試包括圖形界面的測試，例如元素的顏色，用戶可見的元素的功能等，而UI測試還包括界面的非圖形部分。UI測試和GUI測試被視為相似的原因是：UI測試的許多組件都不經常使用。因此，從某種意義上說，今天的UI測試領域中使用的主要是GUI測試。

手動或自動，如何選擇？

與其他任何類型的測試一樣，UI測試也可以手動或通過自動化執行。手動測試要求測試人員在每個元素上手動執行每個測試。例如，測試輸入字段將需要針對任何差異一次又一次地鍵入不同的值。乍一看，如果網站UI的組件較少，則最好通過手動過程進行UI測試，快速地完成。雖然它是正確的，應該針對一個簡單而基本的網站進行，但不應該成為複雜網站的方法。當今具有豐富用戶界面的網站使手動UI測試非常低效，費時且容易出錯。

那麼，自動化的好處有哪些呢？

• 速度：首先是速度。時間是每家公司的主要資源，自動化測試可以節省很多時間。Selenium Automation測試要求我們只編寫一次測試，然後一次又一次地運行它們，而不會以不同的值和不同的方案進行任何干預。
• 準確性：只要測試編寫正確，Selenium Automation測試就可以幫助我們正確執行測試。手動測試的主要缺點是容易發生人為錯誤。
• 透明度：Selenium Automation測試還有助於快速生成報告，並在測試完成後立即與團隊共享。另一方面，手動測試需要時間來提取結果並手動報告結果以通過軟件或手動生成報告

同樣，在執行UI測試時，確保應用程序不存在任何跨瀏覽器兼容性問題也同樣重要。由於每個瀏覽器都使用不同的瀏覽器引擎，並且可能不支持相同的CSS功能。因此，確保我們的UI在所有主要瀏覽器上無縫呈現非常重要。在不同的瀏覽器上進行測試稱為跨瀏覽器測試，它可以幫助測試人員在所有主要瀏覽器和設備（包括手機，平板電腦等）的多種組合下測試其網站。

與上述內容類似，也可以通過兩種方式（手動和自動化）執行跨瀏覽器測試，通過自動化可以跨瀏覽器測試中提高效率。Selenium是進行自動跨瀏覽器測試的最佳方法。良好的學習曲線可幫助測試人員快速輕鬆地進行硒測試。

UI測試技術

需要測試技術才能知道問題的答案：「如何執行測試？在以下描述的各種技術中，遵循各種過程。一旦確定了要遵循的測試技術的類型，就可以更輕鬆地遵循概念並生成結果。

探索性測試

探索性測試不需要預先計劃，測試人員只需根據經驗和各種其他參數（例如先前的測試結果）創建測試。這些參數可能因項目而異。探索性測試為測試人員提供了非常靈活和開放的機會。UI測試中的探索性測試有助於識別隱藏的測試用例，因為UI在不同機器上的行為可能不同。測試人員可以利用自動化功能，同時解決探索性測試難題，以對不同數據運行案例。探索性測試也可以手動高效地執行。

腳本測試

如果探索性測試在沒有任何計劃的情況下執行測試，則腳本化測試與此相反。在編寫腳本並事先確定測試用例之後，才進行腳本測試。作為腳本測試的第一步，測試人員定義腳本，這些腳本表示測試人員的條目和預期的輸出。然後分析結果並相應報告。與探索性測試類似，測試人員可以繼續執行自動腳本化測試或手動腳本化測試。儘管由於大量的代碼行和項目的複雜性，今天還是建議在腳本化測試中進行自動化測試。

用戶體驗測試

UI測試中的用戶體驗測試技術可以通過將構建的項目提供給最終用戶來完成。最終用戶可以像我們所有人一樣使用產品，並提供他的反饋，然後可以通過測試團隊將其傳達給開發人員。這些公司有時還會向最終用戶發佈該產品的Beta版本，以根據廣闊的地理位置收集反饋。

用戶體驗測試是一種探索性測試，因為用戶不知道要測試什麼以及如何進行測試，即沒有預先定義的計劃。不用說，它是手動完成的。還可以在部分產品上進行用戶體驗測試，以檢查大量屏幕和不同位置上的UI，而無需開發整個項目。這有助於公司以與整個項目相同的強度來測試較小的組件，從而最終提高產品質量。

UI性能

網站的平均大小隨時間增加。如今，單個網站中的頁面從幾頁到幾百頁不等。不僅如此，一個頁面包含數百個元素來創建完整的網站。這在從中獲取網站的服務器上造成了巨大的負擔。較慢的網站並不是任何Web開發人員的好兆頭。測試它也屬於UI測試的範疇，並且性能肯定可以提高。

總而言之

簡而言之，UI測試要求測試人員對網站進行測試，就像模仿用戶的行為一樣。結合所有可能性和排列，測試人員需要確保網站與所有元素如預期般無縫運行。

大環境正在朝着UI測試自動化邁進的原因。由於複雜性和項目規模的增加，UI測試自動化的作用在過去幾年中已顯着提高。

• 「鄭重聲明」：公眾號「FunTester」首發，歡迎關注交流，禁止第三方轉載。