0
0

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("蔡徐坤");
  1. 点击——click
driver.findElement(By.cssSelector("#su")).click();
  1. 提交——submit

通过回车键实现提交，仅适用于表单元素（）
在这里插入图片描述

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

  1. 清除——clear

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

driver.findElement(By.cssSelector("#kw")).clear();
  1. 获取文本——getText()在这里插入图片描述
  2. 获取属性——getAttribute()在这里插入图片描述在这里插入图片描述
  3. *获取页面的标题和URL***getTitle()**getCurrentUrl()在这里插入图片描述

5.2 窗口

  1. 窗口大小的设置：最大化、最小化、全屏窗口、手动设置窗口的大小
publicvoidwindowControl()throwsInterruptedException{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(newDimension(1024,888));Thread.sleep(2000);
        driver.quit();}
  1. 窗口的切换

打开百度首页，点击图片超链接进入到百度图片首页，获取百度图片页面的“百度一下”，结果如下所示报错，找不到所选择的页面元素。
在这里插入图片描述
这是因为当打开多个页面窗口后，浏览器无法识别对哪个窗口的元素进行选择，所以才会导致这样的报错，解决办法如下：

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

publicvoidswitchTest()throwsInterruptedException{
        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();}
  1. 屏幕截图

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

如下操作示例：
在百度首页输入框输入”迪丽热巴“，点击搜素，并选择下图的元素
在这里插入图片描述
按照逻辑该实现过程并不应该出错，但是却抛出了异常。
在这里插入图片描述

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

先配置截图所需的xml文件

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

代码调整：

publicvoidpicture()throwsInterruptedException,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,newFile(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操作后让线程休眠等待一会页面的加载

publicvoidpicture()throwsInterruptedException,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,newFile(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()

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

  1. 隐式等待：

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

publicvoidimplicitlyWait(){// 添加隐式等待
        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();}
  1. 显式等待：

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

publicvoidwebDriverWait(){
        driver.get("https://www.baidu.com");
        driver.findElement(By.cssSelector("#kw")).sendKeys("迪丽热巴");
        driver.findElement(By.cssSelector("#su")).click();// 添加显示等待newWebDriverWait(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操作，如下所示：

publicvoidscriptTest()throwsInterruptedException{
        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 浏览器导航栏操作

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

publicvoidnavigateTest(){
        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()

publicvoidalertTest()throwsInterruptedException{
        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 选择框

选择框的选择方式有：

  • 根据文本来选择
  • 根据属性值来选择
  • 根据序号来选择在这里插入图片描述
publicvoidselectTest()throwsInterruptedException{
        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=newSelect(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("文件路径+文件")

publicvoidfileUploadTest()throwsInterruptedException{
        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 浏览器参数设置

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

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

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

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

请添加图片描述

标签： selenium 测试工具
本文转载自: https://blog.csdn.net/qq_60856948/article/details/128685776
版权归原作者 如风暖阳 所有， 如有侵权，请联系我们删除。
登录后发布评论

“Web自动化测试——selenium的使用”的评论:

还没有评论
关于作者
...
overfit同步小助手
文章同步
相关阅读

249_基于springboot的安全生产培训管理系统（共享资源、学习课件、用户管理、公告管理等功能）

Ubuntu 24.04-自动安装-Nvidia驱动

动态网页爬取 —— ajax 与 selenium

Error:不支持发行版本 5 解决方法--Idea一次性解决所有idea项目（包括新项目）的maven配置问题

Atom：开源世界的代码编辑利器

Hadoop学习 第二章 HDFS

最全Kafka知识宝典之消费端深度剖析

文章导航