Katalon Automation Recorde自動化web測試工具使用教程(3)--katalon-spy-web添加對象方法創建測試用例&驗證對象位置

katalon自動化web測試使用教程-專欄:
https://blog.csdn.net/qq_34243930/column/info/36224

katalon-spy-web添加對象方法

按第(1)個教程,先創建好project和test case

(一)抓取對象capture object

在這裏插入圖片描述
點擊spy web之後出現如下界面:
在這裏插入圖片描述
我們以登陸CSDN爲例:

登陸CSDN步驟:
(1)打開url
(2)使用賬號登陸
(3)輸入賬號用戶名
(4)輸入密碼
(5)點擊登錄

(1)CSDN登陸URL: https://passport.csdn.net/login
在URL裏輸入你要錄製的網頁鏈接
在這裏插入圖片描述
選擇瀏覽器
在這裏插入圖片描述
Start
在這裏插入圖片描述
彈出頁面(一般來說,可以從下圖看出,自動打開的頁面都不是全屏狀態,而不是全屏狀態在抓取對象時,容易出錯,抓取的時候一般我們會調整到全屏,後面也會提到用katalon函數自動全屏。)
在這裏插入圖片描述
頁面上它會提示你,如何抓取元素:
在這裏插入圖片描述
下面我們使用 Alt + ` 來抓取測試所需的所有對象,對象將在存儲庫窗口中顯示:

(2)使用賬號登陸,我們把鼠標放到賬號登陸這裏

在這裏插入圖片描述
在這裏插入圖片描述
按下之後發現,被spy的對象,出現綠色框,並且對象會被spy到Captured Objects中:
在這裏插入圖片描述
爲了方便之後的管理和選擇,我們會在這裏就修改對象的名字,驗證對象的位置:
點擊你要修改的對象會出現詳細信息:
在這裏插入圖片描述
修改object名稱(注意,元素名稱如果超過一定長度會報錯,所以儘量不要太長100字符以內!):
在這裏插入圖片描述
驗證object位置:
點擊Verify and Highlight
在這裏插入圖片描述
如果驗證成功的話,會有綠色字體提示,已經found,並且會將object用紅色框,框出來:
在這裏插入圖片描述
下面我們用查看網頁源代碼的方法驗證:
鼠標放在你的object上,右擊,選擇inspect
在這裏插入圖片描述
可以在這裏選擇,源代碼顯示方式,我一般選擇開一個新的頁面顯示:
在這裏插入圖片描述
如果沒有出現,可以再次右擊選擇inspect一下,此對象的代碼位置會用藍色標出來,對象會:
在這裏插入圖片描述
點擊Verify and Highlight,如果驗證成功的話,不僅會有綠色字體提示,已經found;將object用紅色框框出來,在源代碼中的位置會有紫色標記出現:
在這裏插入圖片描述
手動點擊賬號登陸,我們來抓取下一步驟的object:
(3)輸入賬號用戶名
需要spy用戶名處的文本框
鼠標放到輸入賬號的文本框內
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
修改元素名稱,驗證位置等等;(其實位置這裏還不太需要每一步都驗證,後面運行腳本出錯的話,再改,一般抓取都比較準確的,只是涉及到html語言,有點複雜,後面會開新博客講,遇到什麼樣的錯誤,怎麼改Xpath)但是名稱一定要修改,不然後期管理和調用object會很麻煩。
在這裏插入圖片描述
(4)輸入密碼
需要spy密碼處的文本框
在這裏插入圖片描述
(5)點擊登錄
需要spy登陸的按鈕button
在這裏插入圖片描述
記得修改名稱:
在這裏插入圖片描述

(二)添加object到對象資源庫

點擊"Save":
在這裏插入圖片描述
點擊Save後出現:
在這裏插入圖片描述
一般對象庫裏,沒有已經存在的頁面對應的文件夾的時候,要把複選框選上:
在這裏插入圖片描述
複選框選上之後,點擊OK就可以了:
在這裏插入圖片描述
對象庫裏將會出現我們捕捉的對象(因爲之前選了新建頁面,這裏用頁面來看對象會非常清晰,如果不按頁面分類,會很亂哦):

在這裏插入圖片描述
也修改一下頁面的名稱,看上去會更清楚,右擊頁面,選擇rename:
在這裏插入圖片描述
在這裏插入圖片描述
修改完名稱,點擊ok即可:
在這裏插入圖片描述

(三)手動添加測試步驟

(這也是爲什麼,我說首選是record web,相當於record是半自動,spy的話要完全的手動添加測試步驟,所以一般用record和spy相結合,一般record一遍網頁後,如果遺漏什麼需要添加的,或者需要在原基礎上新加一些對象,就可以用spy)

表格形式看起來非常清楚:
在這裏插入圖片描述
要添加測試步驟,只需點擊"Add",並在新插入的行上單擊"項目"列,添加要執行的關鍵字/方法/操作。
例如:
(1)想要"打開瀏覽器"並轉到CSDN登陸的URL。
在這裏插入圖片描述
值爲URL
在這裏插入圖片描述
至於選擇什麼樣的瀏覽器,要在case測試步驟添加完之後,執行的時候可以選擇(也可以去系統設置裏,設置默認瀏覽器):
在這裏插入圖片描述
這時候執行已經可以出來CSDN登陸的網頁了。

(2)使用賬號登陸
這裏用到click
在這裏插入圖片描述
在這裏插入圖片描述
(3)輸入賬號用戶名
這裏用到set text,並在input那一欄裏填入賬號名
在這裏插入圖片描述
雙擊input那一欄,將用戶名填入Value那一欄:
在這裏插入圖片描述
我打碼了:
在這裏插入圖片描述
(4)輸入密碼
用到set text
忘了說怎麼用object了,就是直接選擇object拖到相應的地方就行:
在這裏插入圖片描述
在這裏插入圖片描述
同樣要設置它的值:
在這裏插入圖片描述
(5)點擊登錄
用到click
在這裏插入圖片描述
所以,明確不同步驟的相應功能:
  項目:選擇做什麼
  對象:什麼對象
  輸入:提供什麼步驟
  輸出:存儲返回值的位置
  同樣,繼續添加所有步驟。在每個步驟中添加一些描述是一個好主意,因爲當重新閱讀測試時會更有意義。爲此,請點擊說明列,並輸入如下所示的說明:
  在這裏插入圖片描述

(四)查看測試用例腳本

在這裏插入圖片描述
在這裏插入圖片描述

(五)運行測試用例

(也可以選擇其他瀏覽器執行,這裏我選用Chrome)
在這裏插入圖片描述
過程大家自己運行看看。
該測試用例project已上傳: https://download.csdn.net/download/qq_34243930/11079713
(解壓後,用katalon打開就行,需要填自己CSDN的用戶名和密碼,我怎麼會告訴你我的密碼呢哈哈哈哈)

結果就是我登錄上了
在這裏插入圖片描述
並且測試界面,全部都是綠的!PASSED!!!
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章