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

對于自動化測試菜鳥來說，開始學習自動化最簡單的方法是測試錄制。識別應用系統上的對象是一件費時且痛苦的事情。Web Recorder Utility（網頁錄制功能）?捕獲你在應用系統上的操作行為并且在后臺把它們轉化為可運行的代碼。使用這個功能，你可以很快對應用系統的一些功能進行自動化，對于那些需要在迭代構建中重復執行多次的動作，通過錄制可以節省時間。Katalon Studio 的這個功能支持錄制測試用例，并可在多種瀏覽器中回放。這篇文章將向你展示如何輕松地錄制測試用例。

使用Katalon Studio 錄制網頁功能錄制你的第一個測試用例。

實時錄制時如何改變頁面文件夾和元素名字。

錄制時如何添加Katalon命令

1.使用Katalon Studio 錄制網頁功能錄制你的第一個測試用例 場景:??預定

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

點擊預定按鍵

輸入有效的用戶名、密碼并點擊登錄按鍵

預定

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

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.錄制時如何實時更改頁面文件夾和元素的名字 為了在頁面對象模式下組織你的測試腳本，我們需要把測試對象添加到與頁面對應的文件夾下。這樣做有助于重用及維護對象。 場景:??使用有效數據登錄

打開被測試系統 (URL:?http://demoaut.katalon.com/)。

點擊預約按鍵 (改變頁面及對象名字)。

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

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

?

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. 錄制時如何添加Katalon命令 場景:? 使用validations（驗證命令） 驗證登錄功能

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

驗證Make Appointment按鍵存在

點擊Make Appointment按鍵

驗證Login按鍵可見

輸入有效的用戶名、密碼并點擊登錄按鍵

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

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錄制所操作的動作。也有少量動作錄制不下來。 不能錄制什么? 雖然錄制測試可以節省時間，但有一些情況我們無法確定有效，例如：網頁表格處理，多框架切換，切換到窗口，圖像識別,視頻播放。 下列是主要的缺憾： a)使用記錄器，我們無法處理動態變化的元素(因為需要客制化 Xpath/CSS) b)無法在任何需要的地方都重用代碼。這對調試工作是極大的挑戰。 Original source:?https://www.katalon.com/resources-center/tutorials/create-test-case-using-record-playback/ Translated by:?Junfeng Yan