錄製回放模式建立測試用例 - Katalon Studio

對於自動化測試菜鳥來講，開始學習自動化最簡單的方法是測試錄製。識別應用系統上的對象是一件費時且痛苦的事情。Web Recorder Utility（網頁錄製功能） 捕獲你在應用系統上的操做行爲而且在後臺把它們轉化爲可運行的代碼。使用這個功能，你能夠很快對應用系統的一些功能進行自動化，對於那些須要在迭代構建中重複執行屢次的動做，經過錄制能夠節省時間。Katalon Studio 的這個功能支持錄製測試用例，並可在多種瀏覽器中回放。這篇文章將向你展現如何輕鬆地錄製測試用例。

1. 使用Katalon Studio 錄製網頁功能錄製你的第一個測試用例。
2. 實時錄製時如何改變頁面文件夾和元素名字。
3. 錄製時如何添加Katalon命令

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

1. 打開被測系 (URL: http://demoaut.katalon.com/)
2. 點擊預約按鍵
3. 輸入有效的用戶名、密碼並點擊登陸按鍵
4. 預約

跟隨如下步驟，熟悉網站界面測試中的錄製&回放功能 步驟 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’（運行） 就能夠在你指望的瀏覽器中執行記錄下來的測試用例。 記錄和回放的腳本代碼

1. WebUI.openBrowser('')
2. WebUI.navigateToUrl('https://demoaut.katalon.com/')</p>
3. WebUI.click(findTestObject('Page_CURA Healthcare Service/a_Make Appointment'))
4. WebUI.click(findTestObject('Page_CURA Healthcare Service (1)/button_Login'))
5. WebUI.selectOptionByValue(findTestObject('Page_CURA Healthcare Service (2)/select_facility'), 'Hongkong CURA Healthcare Center',
6. true)
7. WebUI.click(findTestObject('Page_CURA Healthcare Service (2)/input_hospital_readmission'))
8. WebUI.click(findTestObject('Page_CURA Healthcare Service (2)/input_programs'))
9. WebUI.click(findTestObject('Page_CURA Healthcare Service (2)/div_input-group-addon'))
10. WebUI.click(findTestObject('Page_CURA Healthcare Service (2)/td_3'))
11. WebUI.setText(findTestObject('Page_CURA Healthcare Service (2)/textarea_comment'), 'Katalon')
12. WebUI.click(findTestObject('Page_CURA Healthcare Service (2)/button_Book Appointment'))
13. WebUI.closeBrowser()

2.錄製時如何實時更改頁面文件夾和元素的名字 爲了在頁面對象模式下組織你的測試腳本，咱們須要把測試對象添加到與頁面對應的文件夾下。這樣作有助於重用及維護對象。 場景:  使用有效數據登陸

1. 打開被測試系統 (URL: http://demoaut.katalon.com/)。
2. 點擊預定按鍵 (改變頁面及對象名字)。
3. 輸入有效的用戶名，密碼並點擊登陸按鍵。 (改變頁面及對象名字)。

步驟 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’（運行） 就能夠在你指望的瀏覽器中執行記錄下來的測試用例。 源代碼:

1. ​
2. import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject</p>
3. import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI
4. WebUI.openBrowser('')
5. WebUI.navigateToUrl('https://demoaut.katalon.com/')
6. WebUI.click(findTestObject('Page_Home Page/button_Make Appointment'))
7. WebUI.click(findTestObject('Page_Login/button_Login'))
8. WebUI.closeBrowser()
9. ​

3. 錄製時如何添加Katalon命令 場景:  使用validations（驗證命令） 驗證登陸功能

1. 打開被測系(url: http://demoaut.katalon.com/)
2. 驗證Make Appointment按鍵存在
3. 點擊Make Appointment按鍵
4. 驗證Login按鍵可見
5. 輸入有效的用戶名、密碼並點擊登陸按鍵

實時錄製時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: 記錄下來的對象和動做會象如下顯示的那樣保存到測試用例中。

1. WebUI.openBrowser('')</p>
2. WebUI.navigateToUrl('https://demoaut.katalon.com/')
3. WebUI.verifyElementPresent(findTestObject('Page_CURA Healthcare Service/a_Make Appointment'), 30)
4. WebUI.click(findTestObject('Page_CURA Healthcare Service/a_Make Appointment'))
5. WebUI.verifyElementVisible(findTestObject('Page_CURA Healthcare Service (1)/button_Login'))
6. WebUI.click(findTestObject('Page_CURA Healthcare Service (1)/button_Login'))
7. 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