Selenium元素定位神器-ChroPath

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定位路径。

//a[contains(text(),'Downloads')]

可以大大提高定位元素的效率。

4.2、生成脚本

点击生成脚本命令按钮，将获取到的路径生成为脚本。

driver.findElement(By.xpath("//a[contains(text(),'Downloads')]"))

4.3、录制脚本

按照实际操作，可以把操作步骤录制下来。

录制的过程很像Selenium IDE。

将录制完成后的测试用例进行保存下载。