Web自动化测试——selenium的使用

⭐️前言⭐️

本篇文章就进入了自动化测试的章节了，如果作为一名测试开发人员，非常需要掌握自动化测试的能力，因为它不仅能减少人力的消耗，还能提升测试的效率。

🍉欢迎点赞 👍 收藏 ⭐留言评论 📝私信必回哟😁

🍉博主将持续更新学习记录收获，友友们有任何问题可以在评论区留言

🍉博客中涉及源码及博主日常练习代码均已上传GitHub

---

🍅1.什么是自动化测试？

自动化测试指软件测试的自动化，在预设状态下运行应用程序或者系统，预设条件包括正常和异常，最后评估运行结果。将人为驱动的测试行为转化为机器执行的过程，有效的减少人力的消耗，同时提高生活的质量。

通过自动化测试有效减少人力的投入，同时提高了测试的质量和效率

比如回归测试，版本越来越多，版本回归的压力也越来越大，仅仅通过人工测试来回归所有的版本肯定是不现实的，所以我们需要借助自动化测试。

自动化测试包括接口自动化测试、UI自动化测试、移动端自动化测试、web端自动化测试

🍅2.web自动化测试工具

用于进行web自动化测试的工具有很多，博主选择selenium作为我们web自动化测试的工具，有以下几点原因：

1）开源免费
2）支持很多浏览器；如Chrome、Firefox、IE浏览器等
3）支持多系统；如Linux、Windows、MacOS
4）支持多语言；Java、Python、CSharp、Ruby、JavaScript、Kotlin…
5）selenium包提供了很多可供测试使用的API

🍅3.selenium实施web自动化测试的环境部署

如果想要使用selenium实施web自动化测试，需要配置相应的浏览器的驱动，放在jdk的bin目录下，具体操作流程点击【链接】跳转,查看具体详情。

驱动使得计算机和设备工作起来。

人工测试的情况下，人能直接手动的打开浏览器，那么驱动就是人力；自动化来说，代码不能直接打开浏览器，需要借助驱动程序才能打开浏览器。

🍅4.selenium的简单使用

首先创建一个maven项目，在maven项目的pom.xml依赖中导入selenium的依赖。
自动化脚本：

运行该脚本，人工不需要进行操作，就会自动打开谷歌浏览器，并输入蔡徐坤进行搜索，效果如下所示：

selenium常用方法介绍：

1.查找页面元素

findElement()
参数：By类（提供通过什么方式来查找元素）
返回值：webElement

findElements()
参数：By类（提供通过什么方式来查找元素）
返回值：List< WebElement >

当元素可以在页面找到的情况下，程序正常退出。
当元素在页面找不到的情况下，程序执行报错。

2.元素的定位By类
selector:选中页面中指定的标签元素
有基础选择器和复合选择器

xpath:
语法
层级：/ 子级 // 跳级
属性：@
函数：contains()...

自动化中要求元素的定位必须唯一，但是手动在页面复制selector或者xpath元素，不一定是唯一的，需要我们进行手动修改到唯一。

页面查找元素方式：
打开开发者模式——>选择标签——>选中页面元素——>查看控制台选中部分代码——>右键——copy——选择selector或者xpath——>ctrl+f打开搜索框

🍅5.selenium–API

5.1 常见的元素的操作

1. 输入文本——sendKeys

仅适用于文本字段和内容可编辑的元素

driver.findElement(By.cssSelector("#kw")).sendKeys("蔡徐坤");

2. 点击——click

driver.findElement(By.cssSelector("#su")).click();

3. 提交——submit

通过回车键实现提交，仅适用于表单元素（）

【selenium官方不推荐使用submit，更推荐使用click】

4. 清除——clear

用于频繁测试输入是否可以重复输入

driver.findElement(By.cssSelector("#kw")).clear();

5. 获取文本——getText()
   

6. 获取属性——getAttribute()
   
   

7. 获取页面的标题和URL
   getTitle() getCurrentUrl()
   

5.2 窗口

1. 窗口大小的设置：最大化、最小化、全屏窗口、手动设置窗口的大小

public void windowControl() throws InterruptedException {Thread.sleep(1000);driver.manage().window().maximize();Thread.sleep(3000);driver.manage().window().minimize();Thread.sleep(3000);driver.manage().window().fullscreen();Thread.sleep(3000);driver.manage().window().setSize(new Dimension(1024,888));Thread.sleep(2000);driver.quit();}

2. 窗口的切换

打开百度首页，点击图片超链接进入到百度图片首页，获取百度图片页面的“百度一下”，结果如下所示报错，找不到所选择的页面元素。

这是因为当打开多个页面窗口后，浏览器无法识别对哪个窗口的元素进行选择，所以才会导致这样的报错，解决办法如下：

通过句柄的选择，选择到单个页面

public void switchTest() throws InterruptedException {driver.get("https://www.baidu.com");driver.findElement(By.cssSelector("#s-top-left > a:nth-child(6)")).click();// 获取当前页面的句柄String curHandle=driver.getWindowHandle();System.out.println("当前页面的句柄："+curHandle);// 先获取所有标签的句柄Set<String> handles=driver.getWindowHandles();for(String handle:handles) {if(handle!=curHandle) {driver.switchTo().window(handle);}}driver.findElement(By.cssSelector("#homeSearchForm > span.s_btn_wr > input"));driver.quit();}

3. 屏幕截图

当程序报错时我们可能无法抓取到具体的错误原因，这个时候可以通过在代码中实现屏幕抓取的方式，将出现错误时的页面截图，来进一步查看错误的原因。

如下操作示例：
在百度首页输入框输入”迪丽热巴“，点击搜素，并选择下图的元素

按照逻辑该实现过程并不应该出错，但是却抛出了异常。

我们通过截图操作来查看报错的原因：

先配置截图所需的xml文件

<!--   保存屏幕截图文件需要用到的包     --><dependency><groupId>commons-io</groupId><artifactId>commons-io</artifactId><version>2.6</version></dependency>

代码调整：

 public void picture() throws InterruptedException, IOException {driver.get("https://www.baidu.com");driver.findElement(By.cssSelector("#kw")).sendKeys("迪丽热巴");driver.findElement(By.cssSelector("#su")).click();// 屏幕截图（保存现场）File srcFile=driver.getScreenshotAs(OutputType.FILE);// 把屏幕截好的文件放到指定的路径下String fileName="my.png";FileUtils.copyFile(srcFile,new File(fileName));driver.findElement(By.cssSelector("#\\31  > div > div > div > div > div.cos-row.row-text_Johh7.row_5y9Az > div > a > div > p > span > span"));driver.quit();}

截取到的图片：

由此可见是因为页面没有加载出来而导致的错误，所以让页面加载出来后就不会报错了

代码调整：执行click操作后让线程休眠等待一会页面的加载

public void picture() throws InterruptedException, IOException {driver.get("https://www.baidu.com");driver.findElement(By.cssSelector("#kw")).sendKeys("迪丽热巴");driver.findElement(By.cssSelector("#su")).click();Thread.sleep(3000);// 屏幕截图（保存现场）File srcFile=driver.getScreenshotAs(OutputType.FILE);// 把屏幕截好的文件放到指定的路径下String fileName="my.png";FileUtils.copyFile(srcFile,new File(fileName));driver.findElement(By.cssSelector("#\\31  > div > div > div > div > div.cos-row.row-text_Johh7.row_5y9Az > div > a > div > p > span > span"));driver.quit();}

注意：
当文件名相同时，程序多次执行生成的图片文件会被同名覆盖，所以可以给图片命名加上UUID或者时间戳来防止被覆盖。

5.3 等待

由于程序执行的速度要比浏览器渲染的速度快得多，所以就需要在程序中设置等待，来防止6.2中屏幕截图示例，由于页面没有加载出来而导致的错误。

此处主要介绍三种等待方式：强制等待、隐式等待、显示等待

1. 强制等待：

该方式通过调用Thread.sleep()来使程序阻塞进行，但是该方式有点太耗时，所以在自动化测试中并不是非常常用

2. 隐式等待：

隐式等待会作用于driver的整个生命周期，会一直轮询判断元素是否存在，如果不存在，就在等待设置好的时间里不断的进行轮询，直到元素能够被找到（如果超过时间还未找到就报错）

public void implicitlyWait() {// 添加隐式等待driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(5));driver.get("https://www.baidu.com");driver.findElement(By.cssSelector("#kw")).sendKeys("迪丽热巴");driver.findElement(By.cssSelector("#su")).click();driver.findElement(By.cssSelector("#\\31  > div > div > div > div > div.cos-row.row-text_Johh7.row_5y9Az > div > a > div > p > span > span"));driver.quit();}

3. 显式等待：

当等待的条件满足后（一般用来判断需要等待的元素是否加载出来），就继续下一步操作。等不到就一直等，如果在规定的时间之内都没找到，那么就跳出Exception。

public void webDriverWait() {driver.get("https://www.baidu.com");driver.findElement(By.cssSelector("#kw")).sendKeys("迪丽热巴");driver.findElement(By.cssSelector("#su")).click();// 添加显示等待new WebDriverWait(driver,Duration.ofSeconds(5)).until(driver->driver.findElement(By.cssSelector("#\\31  > div > div > div > div > div.cos-row.row-text_Johh7.row_5y9Az > div > a > div > p > span > span")));driver.quit();}

总结：
如果是只需等待页面中的一个元素加载就用显示等待，等待整个网页加载就用隐式等待。

5.4 执行脚本

selenium可以执行js脚本，完成js操作，如下所示：

public void scriptTest() throws InterruptedException {driver.get("https://image.baidu.com/");Thread.sleep(1000);// 执行js命令：让页面置顶/置底  (如果想滑到最下面，值设置的大一些即可)driver.executeScript("document.documentElement.scrollTop=500");Thread.sleep(1000);// 值为0就是顶部driver.executeScript("document.documentElement.scrollTop=0");Thread.sleep(1000);driver.quit();}

5.5 浏览器导航栏操作

如下图所示：浏览器的导航栏会有前进、后退、刷新这样三个操作。

public void navigateTest() {driver.navigate().to("https://www.baidu.com");// 想要回退到访问百度网址之前的状态driver.navigate().back();// 前进，又进入到了百度首页driver.navigate().forward();// 刷新百度首页driver.navigate().refresh();driver.quit();}

5.6 弹窗

弹窗有三种类型：警告弹窗、确认弹窗、提示弹窗

处理弹窗的步骤：
1、将driver对象作用到弹窗上（切换到弹窗）driver.switchTo().alert()
2、选择确认/取消或者在提示弹窗输入文本
accept()、dismiss()、sendKeys()

public void alertTest() throws InterruptedException {driver.get("file:///D:/%E4%BB%A3%E7%A0%81%E4%BB%93%E5%BA%93/selenium-html/Prompt.html");Thread.sleep(1000);// 打开弹窗driver.findElement(By.cssSelector("body > input[type=button]")).click();Thread.sleep(1000);// 切换到弹窗进行弹窗的处理Alert alert=driver.switchTo().alert();Thread.sleep(1000);// 弹窗输入文本alert.sendKeys("这是输入的文本");Thread.sleep(1000);// 1.点击确认alert.accept();// 2.点击取消// alert.dismiss();Thread.sleep(1000);driver.quit();}

5.7 选择框

选择框的选择方式有：

• 根据文本来选择
• 根据属性值来选择
• 根据序号来选择
  

 public void selectTest() throws InterruptedException {driver.get("file:///D:/%E4%BB%A3%E7%A0%81%E4%BB%93%E5%BA%93/selenium-html/select.html");Thread.sleep(2000);WebElement ele=driver.findElement(By.cssSelector("#ShippingMethod"));// 先创建选择框对象Select select=new Select(ele);Thread.sleep(2000);// 根据文本来选择//select.selectByVisibleText("UPS Next Day Air ==> $12.51");// 根据属性值来选择
//        select.selectByValue("12.51");// 根据序号来选择select.selectByIndex(1);Thread.sleep(2000);driver.quit();}

5.8 文件上传

通过sendKeys("文件路径+文件")

 public void fileUploadTest() throws InterruptedException {driver.get("file:///D:/%E4%BB%A3%E7%A0%81%E4%BB%93%E5%BA%93/selenium-html/upload.html");Thread.sleep(2000);driver.findElement(By.cssSelector("body > div > div > input[type=file]")).sendKeys("D:\\代码仓库\\selenium-html\\upload.html");Thread.sleep(2000);driver.quit();}

5.9 浏览器参数设置

实际在工作中，测试人员将自动会部署在机器上自动去执行，并不会每次都监视自动化执行的过程，而是直接查看自动化执行的结果。

所以衍生出了无头模式的自动化测试，需要在创建浏览器对象之前就完成参数的设置。

public class ParamsTest {void paramsTest() {// 百度搜索迪丽热巴// 先创建选项对象，然后再设置浏览器参数ChromeOptions options=new ChromeOptions();options.addArguments("-headless");ChromeDriver driver=new ChromeDriver(options);driver.get("https://www.baidu.com");driver.findElement(By.cssSelector("#kw")).sendKeys("迪丽热巴");driver.findElement(By.cssSelector("#su")).click();driver.quit();}
}

---

⭐️最后的话⭐️
总结不易，希望uu们不要吝啬你们的👍哟(＾Ｕ＾)ノ~ＹＯ！！如有问题，欢迎评论区批评指正😁