Selenium IDE安装和检查获取的控件路径技巧

来源:http://www.jianshu.com/p/0ea2dc83549f

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

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

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

1、搭建环境

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

Selenium IDE安装和检查获取的控件路径技巧
 

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

Selenium IDE安装和检查获取的控件路径技巧
 

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

Selenium IDE安装和检查获取的控件路径技巧
 

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

Selenium IDE安装和检查获取的控件路径技巧
 

2、执行场景

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

Selenium IDE安装和检查获取的控件路径技巧
 

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

Selenium IDE安装和检查获取的控件路径技巧
 

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

Selenium IDE安装和检查获取的控件路径技巧
 

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

Selenium IDE安装和检查获取的控件路径技巧
 

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

Selenium IDE安装和检查获取的控件路径技巧
 

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

Selenium IDE安装和检查获取的控件路径技巧

作者:流浪骑士
链接:http://www.jianshu.com/p/0ea2dc83549f
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

上一篇:MySQL的基本知识 -- 函数


下一篇:你的iOS静态库该减肥了