Selenium元素定位神器-ChroPath
目录
- 1、前言
- 2、简介
- 3、安装
- 4、操作
- 4.1、元素定位
- 4.2、生成脚本
- 4.3、录制脚本
1、前言
在进行Web自动化测试时，我们多多少少都会用到元素定位工具，如Chrome的开发者工具、Firefox开发者工具等等。但定位复杂路径的时候，如XPath定位方式，所获取到的元素路径没有精简，而是复杂的路径，这样会在后期维护定位元素时很不方便。
关于Selenium的元素定位详解，可查阅如下文章：
Selenium元素定位（Python版）
2、简介
ChroPath是一款浏览器插件,支持主流浏览器（Chrome、Firefox等）。
其作用是可帮助Web开发人员和测试人员提高元素定位效率（轻松提取XPath、CSS元素位置等）。
3、安装
本篇以在Chrome浏览器安装ChroPath插件为例。
方式一：进入谷歌商店搜索该插件（ChroPath）下载安装即可
方式二：离线安装（可添加作者微信获取插件）
1、下载ChroPath插件
2、打开Chrome浏览器，点击更多工具
3、点击扩展程序
4、打开开发者模式
5、将ChroPath插件拖拽到扩展程序页面，弹出安装通知，点击添加扩展程序按钮即可
6、安装成功
4、操作
4.1、元素定位
Chrome浏览器打开要抓取元素定位的页面，之后按F12快捷键，打开开发者工具，即可进行元素定位。
如定位Downloads，给出的XPath定位路径。
代码语言：javascript复制//a[contains(text(),'Downloads')]可以大大提高定位元素的效率。
4.2、生成脚本
点击生成脚本命令按钮，将获取到的路径生成为脚本。
代码语言：javascript复制driver.findElement(By.xpath("//a[contains(text(),'Downloads')]"))
4.3、录制脚本
按照实际操作，可以把操作步骤录制下来。
录制的过程很像Selenium IDE。
将录制完成后的测试用例进行保存下载。
