摘要：的這個(gè)功能支持錄制測(cè)試用例，并可在多種瀏覽器中回放。允許用戶對(duì)所捕獲的對(duì)象選擇定位模式。這樣做有助于重用及維護(hù)對(duì)象。步驟打開并點(diǎn)擊主工具欄上的首個(gè)測(cè)試用例按鍵。步驟記錄下來的對(duì)象和動(dòng)作會(huì)象以下顯示的那樣保存到測(cè)試用例中。

對(duì)于自動(dòng)化測(cè)試菜鳥來說，開始學(xué)習(xí)自動(dòng)化最簡(jiǎn)單的方法是測(cè)試錄制。識(shí)別應(yīng)用系統(tǒng)上的對(duì)象是一件費(fèi)時(shí)且痛苦的事情。Web Recorder Utility（網(wǎng)頁(yè)錄制功能）?捕獲你在應(yīng)用系統(tǒng)上的操作行為并且在后臺(tái)把它們轉(zhuǎn)化為可運(yùn)行的代碼。使用這個(gè)功能，你可以很快對(duì)應(yīng)用系統(tǒng)的一些功能進(jìn)行自動(dòng)化，對(duì)于那些需要在迭代構(gòu)建中重復(fù)執(zhí)行多次的動(dòng)作，通過錄制可以節(jié)省時(shí)間。Katalon Studio 的這個(gè)功能支持錄制測(cè)試用例，并可在多種瀏覽器中回放。這篇文章將向你展示如何輕松地錄制測(cè)試用例。

使用Katalon Studio 錄制網(wǎng)頁(yè)功能錄制你的第一個(gè)測(cè)試用例。

實(shí)時(shí)錄制時(shí)如何改變頁(yè)面文件夾和元素名字。

錄制時(shí)如何添加Katalon命令

1.使用Katalon Studio 錄制網(wǎng)頁(yè)功能錄制你的第一個(gè)測(cè)試用例 場(chǎng)景:??預(yù)定

打開被測(cè)系 (URL:?http://demoaut.katalon.com/)

點(diǎn)擊預(yù)定按鍵

輸入有效的用戶名、密碼并點(diǎn)擊登錄按鍵

預(yù)定

跟隨以下步驟，熟悉網(wǎng)站界面測(cè)試中的錄制&回放功能 步驟 1:?打開 Katalon Studio 并點(diǎn)擊主工具欄上的?新建?> 測(cè)試用例。 輸入測(cè)試用例名字并點(diǎn)確定. 一個(gè)空的測(cè)試用例就創(chuàng)建好了。 步驟?2:?在主工具欄上點(diǎn)擊?Record Web?（錄制網(wǎng)頁(yè)） 步驟?3:錄制對(duì)話框就顯示出來了。 步驟4:選擇瀏覽器并點(diǎn)擊錄制按鍵開始錄制測(cè)試用例。 步驟?5:?在你的系統(tǒng)打開之后， 把鼠標(biāo)移到?‘Make Appointment’（預(yù)定）?按鍵上并點(diǎn)擊（等待登錄頁(yè)面加載完畢） 步驟?6:輸入有效的用戶名&密碼 (John Doe & ThisIsNotAPassword) 并點(diǎn)擊‘Login‘ 按鍵 (等待頁(yè)面加載完畢) 步驟7:?預(yù)定頁(yè)面加載完成后,在Facility下拉框中選擇值?“Hongkong CURA Healthcare Center”?。 步驟?8:把鼠標(biāo)移動(dòng)到 ‘Apply for hospital readmission‘勾選框并點(diǎn)擊。 步驟9:把鼠標(biāo)移動(dòng)到‘Medicaid’單選框并點(diǎn)擊。 步驟10:點(diǎn)擊‘Visit Date’（預(yù)約日期）的日歷圖標(biāo)并點(diǎn)擊所需的日期。 步驟11:?把鼠標(biāo)移動(dòng)到備注區(qū)并輸入文字。 步驟12:把鼠標(biāo)移動(dòng)到?Book Appointment（預(yù)約）按鍵并點(diǎn)擊。 步驟13:你可以隨時(shí)點(diǎn)‘Stop‘停止錄制。 Katalon Studio 允許用戶對(duì)所捕獲的對(duì)象選擇‘定位模式’。對(duì)于剛開始自動(dòng)化之旅的手動(dòng)測(cè)試員，我們推薦使用Basic mode（基本模式）。基本模式下Katalon Studio的智能定位器生成器會(huì)自動(dòng)為每個(gè)捕獲的對(duì)象生成可靠并唯一的定位器。 對(duì)于希望手動(dòng)輸入定位器的高階測(cè)試員，可以選擇CSS?或?XPath?模式。關(guān)于定位方法的更多細(xì)節(jié)可以參考guide（指南）。 步驟14:?當(dāng)完成錄制后，點(diǎn)擊OK?，所有錄制下來的動(dòng)作都會(huì)被保存到Katalon Studio中去。 保存過程中會(huì)提醒你把捕獲的對(duì)象都保存到對(duì)象庫(kù)中去，這樣你可以隨時(shí)重用它們。你也可以根據(jù)自己的意愿來創(chuàng)建保存對(duì)象的文件夾結(jié)構(gòu)。點(diǎn)擊OK?繼續(xù)。 步驟15:記錄下來的對(duì)象和動(dòng)作會(huì)象以下顯示的那樣保存到測(cè)試用例中。 只需點(diǎn)擊‘Run’（運(yùn)行）?就可以在你期望的瀏覽器中執(zhí)行記錄下來的測(cè)試用例。 記錄和回放的腳本代碼

WebUI.openBrowser("")

WebUI.navigateToUrl("https://demoaut.katalon.com/")

WebUI.click(findTestObject("Page_CURA Healthcare Service/a_Make Appointment"))

WebUI.click(findTestObject("Page_CURA Healthcare Service (1)/button_Login"))

WebUI.selectOptionByValue(findTestObject("Page_CURA Healthcare Service (2)/select_facility"), "Hongkong CURA Healthcare Center",

true)

WebUI.click(findTestObject("Page_CURA Healthcare Service (2)/input_hospital_readmission"))

WebUI.click(findTestObject("Page_CURA Healthcare Service (2)/input_programs"))

WebUI.click(findTestObject("Page_CURA Healthcare Service (2)/div_input-group-addon"))

WebUI.click(findTestObject("Page_CURA Healthcare Service (2)/td_3"))

WebUI.setText(findTestObject("Page_CURA Healthcare Service (2)/textarea_comment"), "Katalon")

WebUI.click(findTestObject("Page_CURA Healthcare Service (2)/button_Book Appointment"))

WebUI.closeBrowser()

2.錄制時(shí)如何實(shí)時(shí)更改頁(yè)面文件夾和元素的名字 為了在頁(yè)面對(duì)象模式下組織你的測(cè)試腳本，我們需要把測(cè)試對(duì)象添加到與頁(yè)面對(duì)應(yīng)的文件夾下。這樣做有助于重用及維護(hù)對(duì)象。 場(chǎng)景:??使用有效數(shù)據(jù)登錄

打開被測(cè)試系統(tǒng) (URL:?http://demoaut.katalon.com/)。

點(diǎn)擊預(yù)約按鍵 (改變頁(yè)面及對(duì)象名字)。

輸入有效的用戶名，密碼并點(diǎn)擊登錄按鍵。 (改變頁(yè)面及對(duì)象名字)。

步驟?1:?打開 Katalon Studio 并點(diǎn)擊主工具欄上的?First Test Case（首個(gè)測(cè)試用例）按鍵。輸入你的測(cè)試用例名字并點(diǎn)OK。一個(gè)空的測(cè)試用例就創(chuàng)建了 。 步驟2:?在主工具欄上點(diǎn)擊?Record Web?（錄制網(wǎng)頁(yè)） 步驟3:?錄制對(duì)話框就顯示出來了。選擇瀏覽器并點(diǎn)擊錄制按鍵開始錄制測(cè)試用例。 步驟4:?在你的系統(tǒng)打開之后， 把鼠標(biāo)移到?‘Make Appointment’（預(yù)定）?按鍵上并點(diǎn)擊（等待登錄頁(yè)面加載完畢） 步驟5:把頁(yè)面名字從?“Page_CURA Healthcare Service”?改為?“Page_Home Page”。 步驟6:在捕獲的對(duì)象框架中選?“a_Make Appointment”元素。 步驟7:?把元素名字從“a_Make Appointment”?改為“button_Make Appointment”。 步驟8:切換到錄制瀏覽器，移動(dòng)到Login?按鍵并點(diǎn)擊它，以重新繼續(xù)錄制。 步驟9:?Repeat重復(fù)以下步驟，改變Login?對(duì)象及它的文件夾的名字。 步驟10:?把?“Page_CURA Healthcare Service”?頁(yè)面的名字改為?“Page_Login”。 步驟11:?你可以隨時(shí)點(diǎn)‘Stop‘停止錄制。當(dāng)完成錄制后，點(diǎn)擊OK?，所有錄制下來的動(dòng)作都會(huì)被保存到Katalon Studio中去。 步驟12:?保存過程中會(huì)提醒你把捕獲的對(duì)象都保存到對(duì)象庫(kù)中去，這樣你可以隨時(shí)重用它們。你也可以根據(jù)自己的意愿來創(chuàng)建保存對(duì)象的文件夾結(jié)構(gòu)。點(diǎn)擊OK?繼續(xù)。 步驟13:?記錄下來的對(duì)象和動(dòng)作會(huì)象以下顯示的那樣保存到測(cè)試用例中。 只需點(diǎn)擊‘Run’（運(yùn)行）?就可以在你期望的瀏覽器中執(zhí)行記錄下來的測(cè)試用例。 源代碼:

?

import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject

import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI

WebUI.openBrowser("")

WebUI.navigateToUrl("https://demoaut.katalon.com/")

WebUI.click(findTestObject("Page_Home Page/button_Make Appointment"))

WebUI.click(findTestObject("Page_Login/button_Login"))

WebUI.closeBrowser()

?

3. 錄制時(shí)如何添加Katalon命令 場(chǎng)景:? 使用validations（驗(yàn)證命令） 驗(yàn)證登錄功能

打開被測(cè)系(url: http://demoaut.katalon.com/)

驗(yàn)證Make Appointment按鍵存在

點(diǎn)擊Make Appointment按鍵

驗(yàn)證Login按鍵可見

輸入有效的用戶名、密碼并點(diǎn)擊登錄按鍵

實(shí)時(shí)錄制時(shí)Katalon Studio允許用戶添加額外的命令，如基本動(dòng)作命令，驗(yàn)證點(diǎn)命令，集合命令。 步驟?1:?打開 Katalon Studio并點(diǎn)擊主工具欄上的?New Test Case（新建測(cè)試用例）按鍵。輸入測(cè)試用例名字并點(diǎn)擊OK。 一個(gè)空的測(cè)試用例就創(chuàng)建了。 步驟2:?在主工具欄上點(diǎn)擊?Record Web?（錄制網(wǎng)頁(yè)） 步驟?3:?錄制對(duì)話框就顯示出來了。 步驟4:?選擇瀏覽器并點(diǎn)擊錄制按鍵開始錄制測(cè)試用例。 步驟?5:?在你的系統(tǒng)打開之后， 把鼠標(biāo)移到?‘Make Appointment’（預(yù)定）?按鍵上并點(diǎn)擊（等待登錄頁(yè)面加載完畢） 步驟?6:?我們?cè)趯?shí)時(shí)錄制時(shí)可以添加驗(yàn)證命令。切換到?Katalon?錄制對(duì)話框，找到需要在其下加入驗(yàn)證命令的行，然后點(diǎn)擊?Add?按鍵。 步驟?7:點(diǎn)擊?Add Validation Point（添加驗(yàn)證點(diǎn)） 步驟8:系統(tǒng)自動(dòng)添加缺省的命令：Verify Element Present（驗(yàn)證元素存在） 步驟9:我們需要給?Verify Element Present?命令時(shí)間值，Katalon Studio 提供的默認(rèn)時(shí)間是30秒。 點(diǎn)擊?Verify Element Present的動(dòng)作數(shù)據(jù)并設(shè)置成30秒 [根據(jù)你自己需要] 然后點(diǎn)擊OK?按鍵。 步驟10:?圖示是在記錄對(duì)話框中帶有時(shí)間的?Verify Element Present?命令 步驟 11:?我們需要給?Verify Element Present?命令設(shè)置對(duì)象。點(diǎn)擊Verify Element Present命令的元素欄，系統(tǒng)將顯示頁(yè)面對(duì)象對(duì)話框。選擇Login?按鍵對(duì)象 [根據(jù)你自己的需要] 并點(diǎn)擊?OK?按鍵。 步驟?12:?示例顯示的是設(shè)置了對(duì)象的Verify Element Present命令 步驟?13:然后返回瀏覽器重新繼續(xù)錄制，移動(dòng)鼠標(biāo)到Make Appointment按鍵并點(diǎn)擊?Make Appointment?按鍵。 步驟?14:?我們切換回錄制對(duì)話框，添加Make Appointment按鍵的驗(yàn)證命令。 步驟?15:?點(diǎn)擊Add?按鍵，在顯示的命令下拉框中點(diǎn)擊Add Validation point 步驟16:系統(tǒng)將添加默認(rèn)的Verify Element Present命令。 步驟 17:?現(xiàn)在我們需要把Verify Element Present?命令改為?Verify Element Visible。?雙擊Verify Element Present命令的動(dòng)作欄，然后會(huì)顯示向下箭頭。點(diǎn)擊向下箭頭，將會(huì)顯示所有驗(yàn)證命令。點(diǎn)擊Verify Element Visible?命令 [或根據(jù)你自己的需要選擇其它的命令]。 步驟18:?系統(tǒng)將顯示修改了驗(yàn)證點(diǎn)的錄制對(duì)話框。 步驟19:我們需要給?Verify Element Visible?命令設(shè)置對(duì)象。點(diǎn)擊Verify Element Visible命令的元素欄，系統(tǒng)將顯示頁(yè)面對(duì)象對(duì)話框。展開頁(yè)面對(duì)象文件夾，選擇Login?按鍵對(duì)象 [根據(jù)你自己的需要] 并點(diǎn)擊?OK?按鍵。 步驟20:系統(tǒng)將顯示修改了對(duì)象的Verify Element Visible命令。 步驟21:?你可以隨時(shí)點(diǎn)‘Stop‘停止錄制。當(dāng)完成錄制時(shí)點(diǎn)擊OK?，所有錄制的動(dòng)作都會(huì)被保存到Katalon Studio中。 步驟?22:?保存過程中會(huì)提醒你把捕獲的對(duì)象都保存到對(duì)象庫(kù)中去，這樣你可以隨時(shí)重用它們。你也可以根據(jù)自己的意愿來創(chuàng)建保存對(duì)象的文件夾結(jié)構(gòu)。點(diǎn)擊OK?繼續(xù)。 步驟23:?記錄下來的對(duì)象和動(dòng)作會(huì)象以下顯示的那樣保存到測(cè)試用例中。

WebUI.openBrowser("")

WebUI.navigateToUrl("https://demoaut.katalon.com/")

WebUI.verifyElementPresent(findTestObject("Page_CURA Healthcare Service/a_Make Appointment"), 30)

WebUI.click(findTestObject("Page_CURA Healthcare Service/a_Make Appointment"))

WebUI.verifyElementVisible(findTestObject("Page_CURA Healthcare Service (1)/button_Login"))

WebUI.click(findTestObject("Page_CURA Healthcare Service (1)/button_Login"))

WebUI.closeBrowser()

就這樣我們可以利用Katalon Studio錄制所操作的動(dòng)作。也有少量動(dòng)作錄制不下來。 不能錄制什么? 雖然錄制測(cè)試可以節(jié)省時(shí)間，但有一些情況我們無(wú)法確定有效，例如：網(wǎng)頁(yè)表格處理，多框架切換，切換到窗口，圖像識(shí)別,視頻播放。 下列是主要的缺憾： a)使用記錄器，我們無(wú)法處理動(dòng)態(tài)變化的元素(因?yàn)樾枰椭苹?Xpath/CSS) b)無(wú)法在任何需要的地方都重用代碼。這對(duì)調(diào)試工作是極大的挑戰(zhàn)。 Original source:?https://www.katalon.com/resources-center/tutorials/create-test-case-using-record-playback/ Translated by:?Junfeng Yan