Selenium UI自动化测试(三)IDE—百度个人中心录制实例

Selenium UI自动化测试(三)百度个人中心查看评分实例详解

录制脚本

菜单点击+添加新的测试用例,弹出测试网址输入百度网址,输入完后点击开始录制
在这里插入图片描述
点击右边REC开始录制,进入首页右上角用户名,登录个人中心(这里已经是登录过的,因为现在登录都有手机验证码的,感兴趣的可以搜下)

在这里插入图片描述
登录后再查看账户设置
在这里插入图片描述
查看后确认安全评分是90分,关闭浏览器,停止录制,关闭浏览器
在这里插入图片描述

执行编辑脚本

录制脚本如下,有个问题需要注意下,就是FireFox会禁止百度弹窗,然后到那一步后报错的,手快就直接点了,选择启用了,这个其实也是可以作为脚本一部分的,大家可以去看看

我们先来打开首页按下F12查看页面元素,方便定位问题和添加脚本,也是方便我们后面用纯代码方式去实现而不是录制-回放
在这里插入图片描述
点击左边数字,每一步都打上断点,开始调试 点击执行小三角,开始一步步查看和调试脚本
· open

在这里插入图片描述
在这里插入图片描述
· set window size
设置浏览器的窗口大小,包括浏览器的界面
在这里插入图片描述
这里可以看见我们设置的大小是1240*893,这个数值可以自己从新设置的,直接修改下面的Target值就可以,然后点击下一步

· click
单击目标元素(例如,链接,按钮,复选框或单选按钮)
在这里插入图片描述
UI自动化测试常用的Web语言和元素定位大家还是需要了解下,这对后面用代码写脚本必不可少的
元素定位我这里有简单总结,地址:https://blog.csdn.net/sevensolo/article/details/86989972
F12模式出来后选择左上角左上箭头查看账户名这个元素,我们去网页下找下这个元素

查看这个标签名叫user-name,但是这里的定位是class=user-name,而不是脚本里的css=user-name
如果你看了上面的文章,应该了解了元素定位有8种方式,获取IDE支持的方式和我们自己选择方式不一样,这里不深究
在这里插入图片描述
IED点击下一步,进入个人中心界面,这里要找的元素是账户设置

在这里插入图片描述
IDE界面有两个方法,来看看文档

· store window handle
获取当前页面的句柄

· select window
使用窗口定位器选择弹出窗口。一旦选择了弹出窗口,所有命令都将转到该窗口。窗口定位器使用句柄来选择窗口
在这里插入图片描述
这两个方法是点击新目录后获取页面时用的方法

· click
点击账户设置这个元素,这里用的定位方法时by LinkText
在这里插入图片描述

· select window
使用窗口定位器选择弹出窗口。一旦选择了弹出窗口,所有命令都将转到该窗口。窗口定位器使用句柄来选择窗口

· click
点击元素,这里用的定位方法是by css
在这里插入图片描述
如果不知道这是那个元素时,我们可以在页面元素那里搜索框里输入关键字,然后页面元素点击关键字段,会自动定位到元素
在这里插入图片描述

· close
关闭当前窗口。无需关闭初始窗口,IDE将重新使用它; 关闭它可能会导致测试性能下降。

这里有三个close,close是关闭当前窗口,我们回到FireFox里去看,发现浏览器开了三个标签页,所以需要关三次

· select windows

选择窗口
在这里插入图片描述
测试用例的预期是页面上90分,刚才已经知道了90分元素定位是css=score-num,回到IDEcss=score-num下面右键插入新命令

在这里插入图片描述
命令选择assert text 标签,填写我们在页面元素查到的实际的值 css=.score-num.left value=90!
在这里插入图片描述
填写完毕,点击执行,测试通过
在这里插入图片描述
有个问题需要注意,最开始Value=90!,是汉字的符号,最后才发现,这个符号是英文的,改了后断言通过
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/sevensolo/article/details/100152226