一、基础
1、特点
selenium 是web中基于UI的自动化测试工具,它支持多平台、多语言、多浏览器,还有丰富的API。
2、原理
自动化脚本代码会创建一个http请求发送给浏览器驱动进行解析,浏览器驱动会操控浏览器执行测试,浏览器接着会返回给http server并传给浏览器驱动,浏览器驱动收到后就会把结果返回给脚本。
二、Selenium API
定位元素
1、CSS selector
1.1、id 选择器(#+id值)
1.2、类选择器(.+类名)
1.3、标签选择器(input 是标签名)
1.4、后代选择器(div form span #kw (子选择器和父选择器纸质件用空格隔开))
2、XPath定位元素
2.1、绝对路径:(以单斜杠“/”开头)
2.2、相对路径:(以双斜杠“//”开头)
(1)相对路径+索引
PS:不加索引的话默认索引为1
(2)相对路径+元素
(3)相对路径+通配符
(4)相对路径+部分元素定位
(5)相对路径+文本定位
2.3、xpath 的缺点:定位元素效率很低
(1)性能问题:在匹配大量数据时,XPath 的性能可能会比较低。因为 XPath 是基于遍历文档树来实现节点查找的,所以当文档树非常大时,XPath 可能会导致性能问题。
(2)语法复杂:XPath 语法相对于 CSS Selector 和其他选择器来说比较复杂,需要掌握较多的语法规则才能编写出有效的 XPath 表达式。
(3)对浏览器的支持度较低:在某些浏览器中,XPath 的支持度可能不如 CSS Selector,需要更高版本的浏览器才能支持 XPath。
(4)学习成本较高:XPath 语法比较复杂,需要学习较多的 XPath 规则和操作符,需要花费较多的时间和精力来掌握。
(5)可读性较差:XPath 表达式较为冗长,可读性不如 CSS Selector 和其他选择器。
3、应用
3.1、网页的打开与关闭
private static void test01() {
ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
options.addArguments("--remote-allow-origins=*");//允许所有请求
WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
webDriver.get("https://www.baidu.com");//打开百度网页
webDriver.quit();//关闭网页
}
3.2、定位元素的使用
private static void test02() throws InterruptedException {
ChromeOptions options=new ChromeOptions();
options.addArguments("--remote-allow-origins=*");
WebDriver webDriver=new ChromeDriver(options);
webDriver.get("https://www.baidu.com/");//打开百度
// webDriver.findElement(By.cssSelector("#kw")).sendKeys("selenium");//输入内容
// webDriver.findElement(By.cssSelector("#su")).click();//点击“百度一下”按钮
//PS:右键-copy-selector,即可自动粘贴得到CSS的定位元素。右键-copy-xpath,即可自动粘贴得到xpath的定位元素。
// webDriver.findElement(By.xpath("//*[@id=\"su\"]")).click();
webDriver.findElement(By.cssSelector("#kw")).sendKeys("软件测试");//输入内容
webDriver.findElement(By.cssSelector("#su")).click();//点击“百度一下”按钮
webDriver.findElement(By.cssSelector("#su")).submit();
List<WebElement> webElements = webDriver.findElements(By.cssSelector("em"));//找到所有的“软件测试”文案对应的元素
sleep(4000);
if(String.valueOf(webElements.size()).equals("0"))
System.out.println("测试不通过");
else System.out.println("测试通过");
}
3.3、使用 getAttribute( ) 来获取文本元素
private static void test03() throws InterruptedException {
ChromeOptions options = new ChromeOptions();//创建对象
options.addArguments("--remote-allow-origins=*");//允许请求
WebDriver webDriver = new ChromeDriver(options);//创建驱动
webDriver.get("https://www.baidu.com");//打开网址
System.out.println(webDriver.findElement(By.cssSelector("#su")).getAttribute("value"));//获取元素文本
sleep(3000);
}
3.4、休眠等待
private static void test05() throws InterruptedException {
ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
options.addArguments("--remote-allow-origins=*");//允许所有请求
WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
webDriver.get("https://www.baidu.com");//打开百度网页
webDriver.findElement(By.cssSelector("#kw")).sendKeys("测试");//找到搜索输入框
webDriver.findElement(By.cssSelector("#kw")).click();//点击搜索
sleep(2000);
webDriver.findElement(By.cssSelector("#kw")).clear();//清空
}
3.5、隐式等待
private static void test06() {
ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
options.addArguments("--remote-allow-origins=*");//允许所有请求
WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
webDriver.get("https://www.baidu.com");//打开百度网页
webDriver.findElement(By.cssSelector("#kw")).sendKeys("测试");//找到搜索输入框
webDriver.findElement(By.cssSelector("#kw")).click();//点击搜索
webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
webDriver.findElement(By.cssSelector("#kw")).clear();//清空
webDriver.quit();
}
3.6、显示等待
private static void test13() throws InterruptedException {
WebDriver webDriver = new ChromeDriver();
// webDriver.get("https://www.baidu.com/");
webDriver.get("http://localhost:63342/Selenium01/src/main/Page/test02.html?_ijt=2vluji84bvnav2oi5ag029tntc&_ij_reload=RELOAD_ON_SAVE");
sleep(3000);
WebDriverWait wait = new WebDriverWait(webDriver, 50);
webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
// wait.until(ExpectedConditions.titleIs("百度一下,你就知道"));
wait.until(ExpectedConditions.textToBe(By.cssSelector("h3"), "frame"));
webDriver.quit();
}
PS:显示等待和隐式等待:
相同点:都属于只能等待。
区别:隐式等待等待的是页面上的所有元素;显示等待条件满足即可。
3.7、获取当前页面的 url
private static void test07() {
ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
options.addArguments("--remote-allow-origins=*");//允许所有请求
WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
webDriver.get("https://www.baidu.com/");//打开百度网页
String url=webDriver.getCurrentUrl();//获取当前页面的Url
System.out.println(url);
System.out.println(webDriver.getCurrentUrl());
if(url.equals("https://www.baidu.com/"))
System.out.println("successfully!");
else System.out.println("failed!");
}
3.8、获得页面题目
private static void test08() {
ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
options.addArguments("--remote-allow-origins=*");//允许所有请求
WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
webDriver.get("https://www.baidu.com/");//打开百度网页
String tittle = webDriver.getTitle();
if(tittle.equals(("百度一下,你就知道")))
System.out.println("successfully!");
else System.out.println("failed!");
webDriver.quit();
}
3.9、页面操作
private static void test09() {
ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
options.addArguments("--remote-allow-origins=*");//允许所有请求
WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
webDriver.get("https://www.baidu.com/");//打开百度网页
//webDriver.manage().window().maximize();//最大化
//webDriver.manage().window().fullscreen();//全屏
//webDriver.manage().window().setSize(new Dimension(500,500));//设置长宽
webDriver.quit();
}
private static void test10() throws InterruptedException {
ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
options.addArguments("--remote-allow-origins=*");//允许所有请求
WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
webDriver.get("https://www.baidu.com/");//打开百度网页
webDriver.findElement(By.cssSelector("#kw")).sendKeys("测试");
webDriver.findElement(By.cssSelector("#su")).click();
sleep(3000);
webDriver.navigate().back();//返回上个页面
sleep(3000);
webDriver.navigate().forward();//返回下个页面
sleep(3000);
webDriver.navigate().refresh();//页面刷新
}
3.10、键盘操作
private static void test11() throws InterruptedException {
ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
options.addArguments("--remote-allow-origins=*");//允许所有请求
WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
webDriver.get("https://www.baidu.com/");//打开百度网页
webDriver.findElement(By.cssSelector("#kw")).sendKeys("测试");
webDriver.findElement(By.cssSelector("#kw")).sendKeys(Keys.CONTROL+"A");//全选
sleep(3000);
webDriver.findElement(By.cssSelector("#kw")).sendKeys(Keys.CONTROL+"x");//剪贴
sleep(3000);
webDriver.findElement(By.cssSelector("#kw")).sendKeys(Keys.CONTROL+"v");//粘贴
sleep(3000);
webDriver.findElement(By.cssSelector("#kw")).sendKeys(Keys.CONTROL+"c");//复制
sleep(3000);
webDriver.findElement(By.cssSelector("#su")).click();
}
3.11、
(1)选择框
private static void page01() {
// 创建一个浏览器驱动
WebDriver webDriver = new ChromeDriver();
// 打开网页
webDriver.get("http://localhost:63342/demo1/src/main/Page/test01.html?_ijt=cbdunvqogtv9nna66fteho4pe2&_ij_reload=RELOAD_ON_SAVE");
// 获取到所有的input标签对应的元素
List<WebElement> webElements = webDriver.findElements(By.cssSelector("input"));
// 判断每一个input标签里面type值是checkbox进行点击,否则不点击
for(int i = 0; i < webElements.size(); i++) {
if(webElements.get(i).getAttribute("type").equals("checkbox")) {
webElements.get(i).click();
} else {
}
}
}
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Checkbox</title>
</head>
<body>
<h3>checkbox</h3>
<div class="well">
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="c1">checkbox1</label>
<div class="controls">
<input type="checkbox" id="c1" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="c2">checkbox2</label>
<div class="controls">
<input type="checkbox" id="c2" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="c3">checkbox3</label>
<div class="controls">
<input type="checkbox" id="c3" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="r1">radio</label>
<div class="controls">
<input type="radio" id="r1" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="r2">radio</label>
<div class="controls">
<input type="radio" id="r2" />
</div>
</div>
</form>
</div>
</body>
</html>
(2)一个框
private static void page02() {
// 创建浏览器驱动
WebDriver webDriver = new ChromeDriver();
// 打开网页
webDriver.get("http://localhost:63342/Selenium01/src/main/Page/test02.html?_ijt=2vluji84bvnav2oi5ag029tntc&_ij_reload=RELOAD_ON_SAVE");
// 找到click元素点击
webDriver.switchTo().frame("f1");
webDriver.findElement(By.cssSelector("body > div > div > a")).click();
// 目标元素不在iframe,可以直接获取
// String h3_text = webDriver.findElement(By.cssSelector("body > div > div > h3")).getText();
// System.out.println(h3_text);
}
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>frame</title>
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />
<script type="text/javascript">$(document).ready(function(){
});
</script>
</head>
<body>
<div class="row-fluid">
<div class="span10 well">
<h3>frame</h3>
<iframe id="f1" src="inner.html" width="800" , height="600"></iframe>
</div>
</div>
</body>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>inner</title>
</head>
<body>
<div class="row-fluid">
<div class="span6 well">
<h3>inner</h3>
<iframe id="f2" src="https://www.baidu.com/"
width="700"height="500"></iframe>
<a href="javascript:alert('watir-webdriver better than selenium webdriver;')">click</a>
</div>
</div>
</body>
</html>
(3)下拉框
private static void page03() {
// 创建浏览器驱动
WebDriver webDriver = new ChromeDriver();
// 打开网页
webDriver.get("http://localhost:63342/demo1/src/main/Page/test02.html?_ijt=hkofpkrsk74h8dbbip255s6dm3&_ij_reload=RELOAD_ON_SAVE");
// 操作下拉框
Select select = new Select(webDriver.findElement(By.cssSelector("#ShippingMethod")));
// select.selectByValue("12.51");
select.selectByIndex(2);
}
<html>
<body>
<select id="ShippingMethod" onchange="updateShipping(options[selectedIndex]);" name="ShippingMethod">
<option value="12.51">UPS Next Day Air ==> $12.51</option>
<option value="11.61">UPS Next Day Air Saver ==> $11.61</option>
<option value="10.69">UPS 3 Day Select ==> $10.69</option>
<option value="9.03">UPS 2nd Day Air ==> $9.03</option>
<option value="8.34">UPS Ground ==> $8.34</option>
<option value="9.25">USPS Priority Mail Insured ==> $9.25</option>
<option value="7.45">USPS Priority Mail ==> $7.45</option>
<option value="3.20" selected="">USPS First Class ==> $3.20</option>
</select>
</body>
</html>
(4) alert 弹窗操作
private static void page04() throws InterruptedException {
WebDriver webDriver = new ChromeDriver();
webDriver.get("http://localhost:63342/demo1/src/main/Page/test04.html?_ijt=hkofpkrsk74h8dbbip255s6dm3&_ij_reload=RELOAD_ON_SAVE");
webDriver.findElement(By.cssSelector("button")).click();
sleep(3000);
// webDriver.switchTo().alert().accept();// alert弹窗确定
// webDriver.switchTo().alert().dismiss();// alert弹窗取消
webDriver.switchTo().alert().sendKeys("你好");
webDriver.switchTo().alert().accept();
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button onclick="Click()">这是一个弹窗</button>
</body>
<script type="text/javascript">
function Click() {
let name = prompt("请输入姓名:");
let parent = document.querySelector("body");
let child = document.createElement("div");
child.innerHTML = name;
parent.appendChild(child)
}
</script>
</html>
(5)文件上传
private static void page05() {
WebDriver webDriver = new ChromeDriver();
webDriver.get("http://localhost:63342/Selenium01/src/main/Page/test05.html?_ijt=tmsdfhdm1lf1ururkjefb479tj&_ij_reload=RELOAD_ON_SAVE");
// 找到按钮(上传文件的按钮),输入一个字符串
webDriver.findElement(By.cssSelector("input")).sendKeys("D:\\dowloadSoftware\\Chrome");
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="file">
</body>
</html>
3.12、浏览器滚动条的操作
private static void test14() throws InterruptedException {
Duration timeOut = Duration.ofMillis(5000);
WebDriver webDriver=new ChromeDriver();
webDriver.get("https://www.baidu.com/");
webDriver.findElement(By.cssSelector("#kw")).sendKeys("软件");
webDriver.findElement(By.cssSelector("#su")).click();
sleep(3000);
((JavascriptExecutor)webDriver).executeScript("document.documentElement.scrollTop=10000;");
}
3.13、浏览器的关闭
close:关闭的是当前页面。不会清除cookie这些信息。
quit:关闭的是浏览器。会清除cookie这些信息。
private static void test16() {
WebDriver webDriver = new ChromeDriver();
webDriver.get("https://www.baidu.com/");
webDriver.findElement(By.cssSelector("#s-top-left > a:nth-child(1)")).click();
webDriver.close();
}
private static void test15() throws InterruptedException, IOException {
WebDriver webDriver = new ChromeDriver();
webDriver.get("http://localhost:63342/demo1/src/main/Page/test02.html?_ijt=hkofpkrsk74h8dbbip255s6dm3&_ij_reload=RELOAD_ON_SAVE");
sleep(5000);
File src_file = ((TakesScreenshot)webDriver).getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(src_file, new File("D:\\code-bit-2023\\test\\jietu.png"));
webDriver.quit();
}
3.14、窗口切换
private static void test17() {
WebDriver webDriver = new ChromeDriver();
webDriver.get("https://www.baidu.com/");
webDriver.findElement(By.cssSelector("#s-top-left > a:nth-child(1)")).click();
// 获取到浏览器所有的窗口句柄
Set<String> handles = webDriver.getWindowHandles();
String target_handle = "";
for(String handle:handles) {
target_handle = handle;
}
System.out.println(target_handle);
webDriver.switchTo().window(target_handle);
webDriver.findElement(By.cssSelector("#header-link-wrapper > li:nth-child(3) > a")).click();
}