Katalon Studio元素抓取功能Spy Web介紹(七)


寫在前面

Katalon Studio提供了Web Object Spy功能,該功能可以主動抓取元素及其屬性。同時,內置的驗證和Highlight顯示功能可以進一步驗證元素定位的准確性。用戶使用Web Object Spy可以隨心所欲的抓取應用程序界面中的任何元素及其屬性,並且保存到元素對象庫中。備注:博主使用Katalon Studio當前最新版本:5.5.0

新建測試項目

打開 Katalon Studio工具,點擊File--New--Project,創建新項目;Katalon Studio會自動初始化生成一系列的工程目錄文件;操作詳情如下圖所示:
Katalon_Studio_record1輸入項目名稱,選擇項目存儲路徑,可以備注項目的描述:
Katalon_Studio_record2項目建立成功,自動生成項目架構:
Katalon_Studio_record3
新建一個測試用例(testclass),先新建立一個測試用例,這樣在錄制完成保存的時候,可以直接把操作步驟保存在該測試案例上。
Katalon_Studio_record4

通過Spy Web功能添加對象

新建測試用例以后,按照如下步驟進行操作(該部分使用Chrome瀏覽器):
- 點擊Spy Web
- 輸入需要打開的網址
- 選擇驅動Chrome瀏覽器
- 點擊Start
- 打開百度搜索首頁輸入www.testclass.cn
- 定位搜索框和百度一下按鈕,將其捕獲(按組合鍵Alt+ `)
- 確認捕獲的元素
- 將搜索框保存到對象倉庫中
- 查看捕獲的所有信息
Spy Web的作用是可以在較為復雜的頁面上或者當操作人員不會寫代碼需要操作元素時,用Spy Web可以非常方便的手動抓取到。上述所有步驟的操作圖如下:
Spy1
打開瀏覽器跳轉鏈接到你輸入的網址,然后將鼠標光標懸停在要捕獲的Web對象上。Web對象將以紅色邊框突出顯示。一個覆蓋面板也將在屏幕的邊緣顯示,以顯示元素相關的XPath信息。
Spy2
按鍵盤上的鍵組合以捕獲對象。該對象將以綠色邊框突出顯示。
Spy3

Highlight驗證是否能夠定位到元素


Spy4
點擊Save,左側選擇需要保存的元素,右側選擇需要存儲的路徑點擊OK進行保存。可以通過鼠標右鍵修改文件夾和元素的名稱;
Spy6
打開新建立的測試用例testclass,點擊Add按鈕增加測試執行步驟。
- 點擊Add
- 選擇Web Ui Keyword
- 輸入Open Browser,輸入網址www.baidu.com
- 打開百度首頁
- 在輸入框里輸入www.testclass.cn
- 確認搜索
- 展示搜索結果
執行結果如下圖所示:
Spy7

詳細操作代碼如下:

 

import static com.kms.katalon.core.checkpoint.CheckpointFactory.findCheckpoint
import static com.kms.katalon.core.testcase.TestCaseFactory.findTestCase
import static com.kms.katalon.core.testdata.TestDataFactory.findTestData
import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject
import com.kms.katalon.core.checkpoint.Checkpoint as Checkpoint
import com.kms.katalon.core.checkpoint.CheckpointFactory as CheckpointFactory
import com.kms.katalon.core.model.FailureHandling as FailureHandling
import com.kms.katalon.core.testcase.TestCase as TestCase
import com.kms.katalon.core.testcase.TestCaseFactory as TestCaseFactory
import com.kms.katalon.core.testdata.TestData as TestData
import com.kms.katalon.core.testdata.TestDataFactory as TestDataFactory
import com.kms.katalon.core.testobject.ObjectRepository as ObjectRepository
import com.kms.katalon.core.testobject.TestObject as TestObject
import com.kms.katalon.core.webservice.keyword.WSBuiltInKeywords as WSBuiltInKeywords
import com.kms.katalon.core.webservice.keyword.WSBuiltInKeywords as WS
import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUiBuiltInKeywords
import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI
import internal.GlobalVariable as GlobalVariable

WebUI.openBrowser('www.baidu.com')
WebUI.setText(findTestObject('Page_Testclass/input_wd'), 'www.testclass.cn')
WebUI.click(findTestObject('Page_Testclass/input_su'))

上面所述是通過Spy Web抓取元素,那么如何借助Spy Web自己新增元素及其屬性呢?也就是如何獲取Web對象XPath或CSS Locator?
1.在活動的瀏覽器中打開Spy Web,右鍵單擊目標Web元素。選擇檢查:
Spy8
元素檢查器窗口將顯示在右側,帶有突出顯示的行,指示HTML DOM中目標元素的位置。右鍵單擊高亮顯示的行>選擇“ 復制” >“選擇復制XPath”或“ 復制選擇器”
Spy9
導航回Object Spy窗口並粘貼到Xpath Selector Editor中;
Spy10
Highlight驗證是否能夠定位到元素完成后,單擊“保存”將對象正常添加到對象存儲庫。

2、通過元素name直接定位,當查找名稱是唯一的時候,可以使用name=name

3、通過自己手動寫相對路徑的形式,識別唯一元素


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM