【软件测试】WebDriver入门

最新推荐文章于 2024-05-17 03:09:15 发布

Root_Smile

最新推荐文章于 2024-05-17 03:09:15 发布

阅读量164

点赞数 1

分类专栏：【软件测试】文章标签：功能测试

本文链接：https://blog.csdn.net/qq_45951891/article/details/134332335

版权

【软件测试】专栏收录该内容

2 篇文章 0 订阅

订阅专栏

注：要先把Selenium以及对应浏览器版本的驱动配置好

Hello,world!

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

public class Test01 {
    public static void main(String[] args) {
        WebDriver wd=new ChromeDriver();//创建对象
        wd.get("http://baidu.com");//打开网页
        wd.manage().window().maximize();//窗口最大化
        wd.close();//关闭网页
    }
}

元素定位

定位方法	Java语言实现实例
id 定位	driver.findElement(By.id(“id的值”))；
name定位	driver.findElement(By.name(“name的值”))；
链接的全部文字定位	driver.findElement(By.linkText(“链接的全部文字”))；
链接的部分文字定位	driver.findElement(By.partialLinkText(“链接的部分文字”))；
css 方式定位	driver.findElement(By.cssSelector(“css表达式”))；
xpath 方式定位	driver.findElement(By.xpath(“xpath表达式”))；
Class 名称定位	driver.findElement(By.className(“class属性”))；
TagName 标签名称定位	driver.findElement(By.tagName(“标签名称”))；
Jquery方式	Js.executeScript(“return jQuery.find(“jquery表达式”)”)

F12打开开发者控制台

Ctrl+F打开搜索框，在搜索框里可以搜索文本，css selector 和 xpath

Xpath定位

xpath即为XML路径语言（XML Path Language），是由国际标准化组织W3C指定的，一种用来确定XML文档节点位置的语言

xpath定位优点

相较于其他定位方式，可支持更多定位方法，如：布尔逻辑判断、模糊定位等
可支持web定位、Android app原生页面定位

xpath定位缺点

需要从头到尾解析整个页面，速度较慢

xpath调试方法

方法1：在浏览器开发者模式的elements中，Ctrl+F搜索栏输入xpath表达式

方法2：在浏览器开发者模式的console中，按如下格式可验证表达式

$x("xpath表达式")   # 表达式中存在引号，则使用单引号，'$'可更换为'$$'

xpath节点

在xpath中，有七种类型的节点(node)：元素、属性、文本、命名空间、处理指令、注释以及文档节点（或称为根节点）在开始xpath语法前，我们需要简单了解这几种节点：

节点名称	说明	示例
元素节点	网页中的各个标签	如<textarea>...</textarea>、<p>...</p>
根节点	网页的第一个元素节点	网页的根节点通常为<html>...<html>
属性节点	标签中的各个属性	如<div id='su' >...</div>，id即为div节点的属性
文本节点	标签的文本	如<div>啦啦啦</div>，'啦啦啦'即为div节点的文本

xpath语法

xpath使用路径表达式描述目标节点与网页头的关系

绝对路径 & 相对路径 路径表达式有两种结构，分别为：

绝对路径：从根节点/html开始往下，一层层的表示出来直到需要的节点为止。以百度输入框为例，表达式为：

/html/body/div[1]/div[2]/div[5]/div[1]/div/form/span[1]

相对路径：从任意节点开始，根据节点描述信息找到需要的节点。同样以百度输入框为例，表达式为：

//input[@id='su']

对比两种表达式，可以发现：

相对路径更简洁，方便阅读
相对路径更稳定，当前端页面有结构变动就容易引起绝对路径发生变化

因此，在项目中几乎都是使用相对路径进行定位

xpath基本表达式

表达式	说明	示例	示例说明
nodename	选取此节点的所有子节点	html	选取<html>根节点的所有子节点
/	从根节点选取，或者用来选择子节点	/html/body/textarea	选择<body>中的所有<textarea>子节点
//	从匹配节点开始选取，或者选择后代节点	/html/body//textarea	选择<body>中的所有<textarea>后代节点
\|	选择多个节点	//div\|//a	选择所有<div>节点和<a>节点
..	选择当前节点的父节点	//p/..	选择所有<p>的父节点
*	选择所有节点	/html/body/*	选择<body>中的所有节点

xpath谓语表达式

谓语表达式(predicate)：紧跟在节点后面，嵌入在[]中的一段表达式，可用来筛选多个同名节点谓语表达式作用原理：获取节点信息，通过表达式判断节点是否符合要求，为True则返回该节点谓语格式：

节点名称[谓语]

常用谓语	说明	示例	示例说明
n	节点编号	//div[2]	选择所有<div>节点且该节点是其父级的第二个<div>节点
last()	最后一个节点	//div[last()]	选择所有<div>节点且该节点是其父级的最后一个子节点
position()	比较节点编号	//div[position() < 3]	选择所有<div>节点且该节点是其父级的前两个<div>节点
@属性	属性	//input[@id]	选择所有<input>节点且该节点带id属性
@属性='属性值'	比较属性	//input[@id='kw']	选择所有<input>节点且该节点id属性为'kw'
text()	比较节点文本	//a[text()='新闻']	选择所有<a>节点且该节点文本为'新闻'

谓语运算符	说明	示例	示例说明
= != > < >= <=	大小比较	/html/body/div[position()=2]	选择<body>中的第2个<div>子节点
+ - *、 div mod	加减乘除求余	/html/body/div[last()-1]	选择<body>中的倒数第2个<div>子节点
and or not()	或、且、非运算	//*[@id='kw' and @class='s_ipt']	选择所有id='kw'并且class='s_ipt'的节点
contains()	包含	//*[contains(text(), '新闻')]	选择所有文本带有'新闻'二字的节点
starts-with()	以...开始	//*[starts-with(@id, 's')]	选择所有文本以'新闻'开头的节点
ends-with()	以...结尾	ends-with('XML','X')	选择所有XML以‘X’结尾的节点
matches()	参数匹配指定的模式	matches("Merano","ran")	略

备注：

last()、position()、text()、not()这类带有括号的表达式，实质都是xpath提供的函数，本篇文章只列出了常用函数
根据W3C标准，第一个节点编号应该是[1]，但在IE5及更高版本中第一个节点编号是[0]

xpath轴(axis)

轴：表示所选节点与当前节点之间的树关系，用来筛选对于当前节点有相同关系的一类节点轴格式：

当前节点/轴名称::节点名称

轴	说明	示例	示例说明
ancestor	先辈节点	//input[@id='kw']/ancestor::\ *	选择id='kw'的<input>节点的所有先辈节点
ancestor-or-self	先辈节点以及当前节点	略	略
attribute	节点属性	略	略
child	子节点，等同于/	/html/body/child::div	选择<body>中的所有<div>子节点
descendant	后代节点，等同于//	/html/body/descendant::div	选择<body>中的所有<div>后代节点
descendant-or-self	后代节点以及当前节点	略	略
following	结束标签之后的所有节点	略	略
namespace	命名空间	略	略
parent	父节点	略	略
preceding	开始标签之前的所有节点	略	略
preceding-sibling	当前节点之前的所有同级节点	略	略
self	当前节点	略	略

Xpath定位原文链接：selenium教程 —— xpath定位_selenium xpath定位-CSDN博客