录制回放模式建立测试用例 - 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