Selenium IDE 插件学习

从学习Selenium 开始,都是自己写脚本,后来得知有个插件Selenium IDE可以录制脚本,也懒得用了,觉得自己写脚本挺好。

今天看别人的博客,发现Selenium IDE可以检查获取的控件路径是否正确
不用通过执行程序的方式来校验,很直接,省去了执行程序的繁琐,特此学习一下。

环境:
firefox浏览器,firebug插件,selenium IDE插件
场景:通过Selenium IDE检测获取的百度首页中搜索框input路径是否正确

1、搭建环境

安装firefox浏览器,安装firebug插件步骤忽略,有问题可以百度
安装Selenium IDE插件方法:
打开firefox浏览器-工具-附加组件-搜索Selenium IDE,

Selenium IDE 插件学习_第1张图片

搜索出来的结果中有很多,可能大家跟我刚开始一样,不知道具体用哪个,这里具体说一下,点击下面“查看全部的25项结果”

Selenium IDE 插件学习_第2张图片

在更多页面中,可以发现如图项,点击“+添加到Firefox”,在打开的弹出框中点击安装


Selenium IDE 插件学习_第3张图片

安装后重启firefox浏览器,点击工具菜单,就可以看到安装的Selenium IDE已经存在。

Selenium IDE 插件学习_第4张图片

2、执行场景

打开火狐浏览器,输入网址“www.baidu.com”,进入百度首页,点击搜索框,右键-点击使用Firebug查看元素

Selenium IDE 插件学习_第5张图片

在下方Firebug中找到蓝色显示的一行,即为点击的输入框的代码行,可以点击蓝色部分,右键-复制最简Xpath(关于使用Firebug插件获取控件的路径的问题,可以自己查找资料学习一下)


Selenium IDE 插件学习_第6张图片

获取输入框的Xpath后,点击浏览器“工具”菜单-点击Selenium IDE,打开Selenium IDE插件


Selenium IDE 插件学习_第7张图片

把复制的Xpath路径粘贴在Target中,然后点击Find,如果出现下面红色的即表示该Xpath路径不正确


Selenium IDE 插件学习_第8张图片

再次回到百度首页中,右键-复制最简Xpath,到Selenium IDE中尝试,在此点击Find,如果浏览器中百度首页-搜索框显示黄色,则表示路径正确,查找成功。


Selenium IDE 插件学习_第9张图片

其中注意:如果是CSS路径的话,需要在target中添加css=路径

Selenium IDE 插件学习_第10张图片

你可能感兴趣的:(Selenium IDE 插件学习)