[發明專利]一種前端界面的自動化測試校驗方法、裝置及存儲介質

有效

• 申請號: 202010224599.2
• 申請日: 2020-03-26
• 公開（公告）號: CN111522737B
• 公開（公告）日: 2023-07-07
• 發明（設計）人: 王宇
• 申請（專利權）人: 浙江口碑網絡技術有限公司
• 主分類號: G06F11/36
• 分類號: G06F11/36;G06F9/451
• 代理公司: 北京中強智尚知識產權代理有限公司 11448
• 代理人: 黃耀威

本發明公開了一種前端界面的自動化測試校驗方法、裝置及存儲介質，該方法包括建立前端界面的屬性狀態集合，對調起的當前前端界面進行測試，獲得當前前端界面的屬性及對應屬性狀態，響應于屬性狀態集合中包含屬性狀態，提示當前前端界面的自動化測試校驗結果為正常。本發明實施例避免了由于采用圖像匹配方式校驗測試結果效率低且準確度不高的問題，提升了自動化測試的可執行性和校驗能力，達到了提高測試效率和準確性的效果。即使前端界面模式更換較頻繁，也無需重新調整測試用例，約了測試人力資源。

技術領域

本發明涉及自動化測試技術領域，尤其是涉及到一種前端界面的自動化測試校驗方法、裝置及存儲介質。

背景技術

隨著互聯網產品的增多以及產品功能的日趨強大，對產品的測試壓力也隨之增大。如何才能高效的完成測試任務，是每個測試從業人員的目標。目前，后端的接口測試具有較完善的框架支撐，而前端的自動化測試框架也在不斷的進步。React作為當前最熱門的前端框架之一，被廣泛應用于各大網站。但是，基于React框架開發的前端功能，在前端自動化測試的過程中存在的一個較大難點就是如何驗證自動化用例的執行結果是否正確，以精準完成自動化校驗。

相關技術中，基于UI(User?Interface，用戶界面)的自動化測試需獲取web界面上的元素列表，并編寫腳本來調用點擊、拖動元素，從而觸發后端接口調用。待后端數據返回后重新渲染界面，使用圖像識別的方式進行結果校驗，如果圖像識別校驗通過就執行下一步執行。本方案使用的是圖像匹配的方式進行校驗，主要通過對比前界面中是否包含某個元素，或者界面中是否存在與目標圖像相似度較高的圖像，例如在自動化腳本編寫的過程中，保存關鍵步驟的結果圖片，測試過程中執行到該步驟時進行圖片比對，若圖片一致，說明執行成功，若圖片不一致，說明執行失敗。這種自動化測試校驗的方案存在如下缺點：1、使用圖像識別的方式容易出現誤差，如果在界面中出現多個相似圖片會導致判斷錯誤；2、使用圖像識別的方式校驗速度慢，需要對像素進行采樣和比對；3、前端的UI容易經常變化，組件和圖片變換后需要重新編寫腳本，維護成本高。

發明內容

鑒于上述問題，提出了本發明以便提供一種克服上述問題或者至少部分地解決上述問題的前端界面的自動化測試校驗方法、裝置及存儲介質，能夠提升自動化測試的可執行性和精準的校驗能力，達到提高測試效率和準確性的效果。

根據本發明實施例的一方面，提供了一種前端界面的自動化測試校驗方法，包括：

建立前端界面的屬性狀態集合；

對調起的當前前端界面進行測試，獲得所述當前前端界面的屬性及對應屬性狀態；

響應于所述屬性狀態集合中包含所述屬性狀態，提示所述當前前端界面的自動化測試校驗結果為正常。

可選地，建立前端界面的屬性狀態集合，包括：

收集指定應用程序中多個前端界面分別所包含的屬性；

確定不同狀態下的前端界面所包含屬性對應的屬性狀態；

將一個前端界面在一狀態下對應的屬性狀態記錄為一個屬性狀態單元；

基于記錄的多個屬性狀態單元建立所述屬性狀態集合。

可選地，響應于所述屬性狀態集合中包含所述屬性狀態，提示所述當前前端界面的自動化測試校驗結果為正常，包括：

從所述屬性狀態集合中查找是否存在與所述當前前端界面的屬性狀態一致的屬性狀態單元；

響應于查找到與所述當前前端界面的屬性狀態一致的屬性狀態單元，提示所述當前前端界面的自動化測試校驗結果為正常。

可選地，建立前端界面的屬性狀態集合之后，還包括：

為不同屬性狀態單元分別設置不同執行功能；