[發明專利]應用界面測試方法和裝置

有效

• 申請號: 201611076474.X
• 申請日: 2016-11-29
• 公開（公告）號: CN106598846B
• 公開（公告）日: 2018-03-16
• 發明（設計）人: 陳志輝
• 申請（專利權）人: 上海壹賬通金融科技有限公司
• 主分類號: G06F11/36
• 分類號: G06F11/36;G06F9/451
• 代理公司: 廣州華進聯合專利商標代理有限公司44224
• 代理人: 謝曲曲

1.一種用戶界面測試方法，其特征在于，所述方法包括以下步驟：

獲取待測試的用戶界面的測試圖，包括：獲取所述測試圖中包含的頁面元素所在的位置信息，所述測試圖為對應用戶界面的截圖，所述頁面元素是指測試圖中各個不同類型的可視圖形，包括測試圖上的按鈕、圖片、文字框圖、動畫中的一種或多種所形成的圖形；

從所述測試圖中提取多個預設位置處的顏色值，包括：確定所述截圖中的狀態欄所屬的區域，將狀態欄區域刪除，從刪除狀態欄后的測試圖中的每個頁面元素所在的位置中選取對應數量的采樣點，獲取每個采樣點的顏色值；

獲取與所述測試圖對應的視覺圖；

從所述視覺圖中提取與所述測試圖相同位置處的顏色值；

將從所述測試圖和所述視覺圖中提取的每個相同位置處的顏色值進行對比，包括：將所述測試圖和所述視覺圖中的顏色值按照相同的寫入規則寫入到創建的顏色值數據表中，每一列或每一行的顏色值數據表示同一個測試圖和視覺圖中的顏色值，并將相同行或相同列中的顏色值數據進行對比；

根據對比結果生成相應的測試報告。

2.根據權利要求1所述的方法，其特征在于，所述從所述測試圖中提取多個預設位置處的顏色值的步驟，包括：

按照預設的采樣率，將所述測試圖分成預設數量的圖形區塊；

提取每個圖形區塊的預設位置處的顏色值。

3.根據權利要求1所述的方法，其特征在于，在從所述測試圖中提取多個預設位置處的顏色值的步驟之前，所述方法還包括：將所述測試圖的圖形分辨率與所述視覺圖的圖形分辨率調整為相同的圖形分辨率；

所述從所述測試圖中提取多個預設位置處的顏色值的步驟，包括：從調整后的測試圖中提取多個預設位置處的顏色值；

所述從所述視覺圖中提取與所述測試圖相同位置處的顏色值的步驟，包括：獲取從調整后的測試圖中提取的每個顏色值的坐標位置；提取所述調整后的視覺圖中對應相同坐標位置處的顏色值。

4.根據權利要求1所述的方法，其特征在于，所述從所述測試圖中提取多個預設位置處的顏色值的步驟，包括：

確定所述測試圖的圖形屬性，所述圖形屬性包括靜態圖形和動態圖形，所述動態圖形中包含至少一個動態頁面元素；

當所述測試圖為動態圖形時，所述預設位置位于非動態頁面元素區域的位置。

5.根據權利要求1至4中任一項所述的方法，其特征在于，所述對比結果包括所述測試圖與所述視覺圖中相同位置處的顏色值的差值；

所述根據對比結果生成相應的測試報告的步驟，包括：

當所述差值超過預設數值時，確定所述測試圖中，超過預設數值的差值對應的顏色值所屬的頁面元素；

將所述頁面元素的信息寫入所述測試報告中。

6.一種用戶界面測試裝置，其特征在于，所述裝置包括：

測試圖獲取模塊，用于獲取待測試的用戶界面的測試圖，包括：獲取所述測試圖中包含的頁面元素所在的位置信息，所述測試圖為對應用戶界面的截圖，所述頁面元素是指測試圖中各個不同類型的可視圖形，包括測試圖上的按鈕、圖片、文字框圖、動畫中的一種或多種所形成的圖形；

顏色值提取模塊，用于從所述測試圖中提取多個預設位置處的顏色值，包括：確定所述截圖中的狀態欄所屬的區域，將狀態欄區域刪除，從刪除狀態欄后的測試圖中的每個頁面元素所在的位置中選取對應數量的采樣點，獲取每個采樣點的顏色值；

視覺圖獲取模塊，用于獲取與所述測試圖對應的視覺圖；

所述顏色值提取模塊還用于從所述視覺圖中提取與所述測試圖相同位置處的顏色值；

對比模塊，用于將從所述測試圖和所述視覺圖中提取的每個相同位置處的顏色值進行對比，包括：將所述測試圖和所述視覺圖中的顏色值按照相同的寫入規則寫入到創建的顏色值數據表中，每一列或每一行的顏色值數據表示同一個測試圖和視覺圖中的顏色值，將相同行或相同列中的顏色值數據進行對比；

測試報告生成模塊，用于根據對比結果生成相應的測試報告。

7.根據權利要求6所述的裝置，其特征在于，所述顏色值提取模塊還用于按照預設的采樣率，將所述測試圖分成預設數量的圖形區塊；提取每個圖形區塊的預設位置處的顏色值。