【技術實現步驟摘要】
本申請涉及ui測試，尤其涉及一種前端頁面測試方法、裝置、存儲介質及計算機設備。
技術介紹
1、cypress自動化測試框架是一個應用于前端網頁應用的ui測試框架，基于該ui測試框架可以編寫詳細的測試腳本，而這些測試腳本可以通過選擇器定位頁面元素并執行相應的操作，從而模擬真實用戶與前端網頁應用之間的交互，以達到對前端網頁應用的界面進行測試的目的。
2、然而，隨著前端網頁應用的更新，ui元素的屬性也可能隨著變化，為確保測試的準確性，測試人員只能不斷更新測試腳本以匹配屬性發生變化的ui元素，導致對前端頁面進行測試的維護成本較高，并且一旦更新不及時還會影響頁面測試的準確性。
技術實現思路
1、本申請的目的旨在至少能解決上述的技術缺陷之一，特別是現有技術中隨著前端網頁應用的更新，ui元素的屬性也可能隨著變化，為確保測試的準確性，測試人員只能不斷更新測試腳本以匹配屬性發生變化的ui元素，導致對前端頁面進行測試的維護成本較高，并且一旦更新不及時還會影響頁面測試的準確性的技術缺陷。
2、第一方面，本申請提供了一種前端頁面測試方法，所述方法包括：
3、當接收到測試指令時，確定待測試的前端頁面及其對應的錄制腳本；
4、將所述錄制腳本在所述前端頁面中進行回放；
5、在回放過程中，當觸發預設動作時，對當前的前端頁面進行截圖，以得到源圖像；
6、獲取錄制腳本中的目標圖像，并將所述源圖像和所述目標圖像進行匹配，以確定所述目標圖像在所述源圖
7、根據所述目標圖像及其在所述源圖像上對應的區域，確定所述前端頁面在本次頁面測試中的測試結果。
8、在其中一個實施例中，當所述錄制腳本的腳本類型為斷言類型時，所述根據所述目標圖像及其在所述源圖像上對應的區域，確定所述前端頁面在本次頁面測試中的測試結果，包括：
9、獲取該區域中包含的控件的參數，以及獲取所述目標圖像中包含的控件的參數；
10、將該區域中包含的控件的參數與所述目標圖像中包含的控件的參數進行比對，以確定所述前端頁面在本次頁面測試中的測試結果。
11、在其中一個實施例中，當所述錄制腳本的腳本類型為點擊類型時，所述根據所述目標圖像及其在所述源圖像上對應的區域，確定所述前端頁面在本次頁面測試中的測試結果，包括：
12、根據所述目標圖像在所述源圖像上對應的區域，確定至少一個待測試控件；
13、分別觸發各個待測試控件，并記錄觸發每個待測試控件的反饋信息；
14、在所述錄制腳本中獲取與所述目標圖像對應的反饋信息集；
15、將所述反饋信息集與觸發各個待測試控件的反饋信息所形成的集合進行比對，以確定所述前端頁面在本次頁面測試中的測試結果。
16、在其中一個實施例中，所述確定所述前端頁面在本次頁面測試中的測試結果，包括：
17、若比對一致，則生成所述前端頁面在本次頁面測試中測試通過的測試結果；
18、若比對不一致，則生成比對差異信息，以及生成所述前端頁面在本次頁面測試中測試未通過的測試結果。
19、在其中一個實施例中，所述錄制腳本的生成過程，包括：
20、當觸發腳本錄制時，確定將要錄制的錄制腳本的腳本類型，并對當前的前端頁面進行截圖，得到錄制圖像；
21、獲取觸發腳本錄制時的光標位置，確定所述光標位置對應的目標區域；
22、計算所述目標區域相對于所述錄制圖像的位置參數，根據所述位置參數對所述錄制圖像進行裁剪，以確定目標圖像；
23、根據觸發腳本錄制的操作、所述腳本類型以及所述目標圖像，生成錄制腳本。
24、在其中一個實施例中，所述將所述源圖像和所述目標圖像進行匹配，以確定所述目標圖像在所述源圖像上對應的區域，包括：
25、分別提取所述源圖像和所述目標圖像的圖像特征；
26、將所述目標圖像的圖像特征與所述源圖像的圖像特征進行對比，以確定在所述源圖像中與所述目標圖像的圖像特征相似度最高的區域，并將該區域確定為所述目標圖像在所述源圖像上對應的區域。
27、在其中一個實施例中，在確定所述前端頁面在本次頁面測試中的測試結果之后，所述方法還包括：
28、根據所述前端頁面在本次頁面測試中的測試結果，生成圖搜測試圖。
29、第二方面，本申請提供了一種前端頁面測試裝置，所述裝置包括：
30、指令接收模塊，用于當接收到測試指令時，確定待測試的前端頁面及其對應的錄制腳本；
31、腳本回放模塊，用于將所述錄制腳本在所述前端頁面中進行回放；
32、頁面截取模塊，用于在回放過程中，當觸發預設動作時，對當前的前端頁面進行截圖，以得到源圖像；
33、圖像匹配模塊，用于獲取錄制腳本中的目標圖像，并將所述源圖像和所述目標圖像進行匹配，以確定所述目標圖像在所述源圖像上對應的區域；
34、結果確定模塊，用于根據所述目標圖像及其在所述源圖像上對應的區域，確定所述前端頁面在本次頁面測試中的測試結果。
35、第三方面，本申請提供了一種存儲介質，所述存儲介質中存儲有計算機可讀指令，所述計算機可讀指令被一個或多個處理器執行時，使得一個或多個處理器執行如上述任一項實施例所述前端頁面測試方法的步驟。
36、第四方面，本申請提供了一種計算機設備，包括：一個或多個處理器，以及存儲器；
37、所述存儲器中存儲有計算機可讀指令，所述一個或多個處理器執行時所述計算機可讀指令時，執行如上述任一項實施例所述前端頁面測試方法的步驟。
38、從以上技術方案可以看出，本申請實施例具有以下優點：
39、本申請提供的前端頁面測試方法、裝置、存儲介質及計算機設備，該方法包括：在接收到測試指令時，確定所要測試的前端頁面及其對應的錄制腳本，然后將錄制腳本用于對前端頁面進行回放測試，在回放過程中，當觸發預設動作時，對當前的前端頁面進行截圖，得到源圖像，進而通過將錄制腳本中的目標圖像與源圖像進行匹配來確定目標圖像在源圖像上對應的區域，最后根據目標圖像及其在源圖像上對應的區域，確定本次的測試結果。如此，通過圖像匹配來定位所要測試的區域，并結合錄制時的目標圖像來確定測試結果，這樣可以避免因基于頁面元素的屬性來定位元素而導致頻繁更新錄制腳本的情況，降低對前端頁面進行測試的維護成本，同時還能夠避免由于更新不及時導致的測試錯誤，以確保測試的準確性。
本文檔來自技高網...【技術保護點】
1.一種前端頁面測試方法，其特征在于，所述方法包括：
2.根據權利要求1所述的前端頁面測試方法，其特征在于，當所述錄制腳本的腳本類型為斷言類型時，所述根據所述目標圖像及其在所述源圖像上對應的區域，確定所述前端頁面在本次頁面測試中的測試結果，包括：
3.根據權利要求1所述的前端頁面測試方法，其特征在于，當所述錄制腳本的腳本類型為點擊類型時，所述根據所述目標圖像及其在所述源圖像上對應的區域，確定所述前端頁面在本次頁面測試中的測試結果，包括：
4.根據權利要求2或3所述的前端頁面測試方法，其特征在于，所述確定所述前端頁面在本次頁面測試中的測試結果，包括：
5.根據權利要求1所述的前端頁面測試方法，其特征在于，所述錄制腳本的生成過程，包括：
6.根據權利要求1所述的前端頁面測試方法，其特征在于，所述將所述源圖像和所述目標圖像進行匹配，以確定所述目標圖像在所述源圖像上對應的區域，包括：
7.根據權利要求1所述的前端頁面測試方法，其特征在于，在確定所述前端頁面在本次頁面測試中的測試結果之后，所述方法還包括：
9.一種存儲介質，其特征在于：所述存儲介質中存儲有計算機可讀指令，所述計算機可讀指令被一個或多個處理器執行時，使得一個或多個處理器執行如權利要求1至7中任一項所述前端頁面測試方法的步驟。
10.一種計算機設備，其特征在于，包括：一個或多個處理器，以及存儲器；
...【技術特征摘要】
1.一種前端頁面測試方法，其特征在于，所述方法包括：
2.根據權利要求1所述的前端頁面測試方法，其特征在于，當所述錄制腳本的腳本類型為斷言類型時，所述根據所述目標圖像及其在所述源圖像上對應的區域，確定所述前端頁面在本次頁面測試中的測試結果，包括：
3.根據權利要求1所述的前端頁面測試方法，其特征在于，當所述錄制腳本的腳本類型為點擊類型時，所述根據所述目標圖像及其在所述源圖像上對應的區域，確定所述前端頁面在本次頁面測試中的測試結果，包括：
4.根據權利要求2或3所述的前端頁面測試方法，其特征在于，所述確定所述前端頁面在本次頁面測試中的測試結果，包括：
5.根據權利要求1所述的前端頁面測試方法，其特征在于，所述錄制...
【專利技術屬性】
技術研發人員：林俊杰，
申請(專利權)人：廣州品唯軟件有限公司，
類型：發明
國別省市：
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。