Katalon Recorder初探

缘由

最近工作中，有大量web页面上的重复操作，实在麻烦，就想利用selenium ide录制出一些操作集合，以便复用。新版本的selenium ide 3目前只支持firefox最新的版本，而且代码导出功能还不完备，就想试试旧版本2.7。为了能使用2.7版本，还安装了旧版本的火狐浏览器。弄好后，发现不太好用，录制起来很不顺手。于是就想找找替代方案。搜到了两个结果，一是kantu，另外一个是katalon recorder。我觉得katalon recorder很顺手，也的确为我省了不少事，作一下简单记录。

简介

katalon recorder是基于selenium的浏览器插件，支持火狐和chrome。它可以录制web页面的操作，并且能实现基本的数据驱动测试，还能导入脚本，可说是体量虽小，功能足够。对功能有更高要求的，还可以去试试同出一门的katalon studio，也是免费软件，支持web和mobile端的测试，并集成了许多强大的功能。

安装后界面如下：

创建test suite后，里面可以包含多个测试用例（test case），每个测试用例又有若干步骤（command）。点击record，可以快速对当前的活动页面进行录制，点击pllay则是回放。web自动化测试费时费力的一部分就是元素定位，录制正是解决这一问题的利器。录制完成后，点击右上角的export，还可以导出不同语言的代码，方便进行下一步的开发。

每个测试步骤分为三部分，分别是coommand，target和value。录制后，可以自己看看命令是什么样子的，也可以选择元素的定位方式，避免默认的定位方式无法在其它页面复用（比如换了登录用户，通过登录用户名文本来定位显然就无法复用了）。

官方有提供sample suite，包含了recorder的各个功能，可以下载导入后查看。

工作中遇到的问题

1.页面上有一些input输入框，在自己测试时通常是输入固定的值，于是就想能不能录制下来，省些力气。

首先用了录制功能，但发现一直无效。查看步骤，发现是定位到input后，以type方法键入值。

如图：

于是我想到能不能模拟自己实际操作的步骤，来键入值呢？也就是使用sendKeys方法，键入想用的值后，按下Enter键，再点击页面空白处。

这样做，的确是值能输进去，但是再操作时，值又会自动消失。查了一圈后，觉得应该是输入框要有input或者change事件发生时，才会更改绑定的值。

Katalon Recorder支持js脚本，也试试这个吧。（jquery有段时间没用，又稍稍回忆了下，完全忘了对jquery对象取第0个元素就是原生DOM对象，卡了一小会儿）

代码如下：

 $('#product_list_table2 > tbody').find('td:nth-child(2) > input').each(
    function(){
        $(this)[0].value = '100';
})

由于要输入的值在表格中，只要遍历表格的子元素，找到输入框，改变其值即可。

成了吗？是写进去了，但一样去操作其他地方值又会变为原来的值。

又查了一番，应该再改变值后把input或change事件触发才行，代码如下：

 $('#product_list_table2 > tbody').find('td:nth-child(2) > input').each(
    function(){
        $(this)[0].value = '100';
        this.dispatchEvent(new Event('change'));
})
// 不知道为什么，这里触发input事件没用，必须要触发change事件才行。而另外一些input却得绑定input事件，有些不解

再进一步，可以把要输入的值参数化，在脚本中以${param}引入即可。如图：