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

news2025/2/25 22:20:55

在这里插入图片描述
⭐️前言⭐️

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

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

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

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


请添加图片描述

📍内容导读📍

  • 🍅1.什么是自动化测试?
  • 🍅2.web自动化测试工具
  • 🍅3.selenium实施web自动化测试的环境部署
  • 🍅4.selenium的简单使用
  • 🍅5.selenium--API
    • 5.1 常见的元素的操作
    • 5.2 窗口
    • 5.3 等待
    • 5.4 执行脚本
    • 5.5 浏览器导航栏操作
    • 5.6 弹窗
    • 5.7 选择框
    • 5.8 文件上传
    • 5.9 浏览器参数设置

🍅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. 窗口大小的设置:最大化、最小化、全屏窗口、手动设置窗口的大小
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();
    }
  1. 窗口的切换

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

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

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

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

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

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

先配置截图所需的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()来使程序阻塞进行,但是该方式有点太耗时,所以在自动化测试中并不是非常常用

  1. 隐式等待:

隐式等待会作用于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();
    }
  1. 显式等待:

当等待的条件满足后(一般用来判断需要等待的元素是否加载出来),就继续下一步操作。等不到就一直等,如果在规定的时间之内都没找到,那么就跳出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们不要吝啬你们的👍哟(^U^)ノ~YO!!如有问题,欢迎评论区批评指正😁

请添加图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/347633.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Python文件的操作处理,一看就会

在读取一个文件的内容之前&#xff0c;需要先打开这个文件。在Python程序中可以通过内置函数open()来打开一个文件程序中&#xff0c;并用相关的方法读或写文件文件中的内容以供程序的处理和使用&#xff0c;同时可以将文件看作Python中的一种数据类型。 open(filename, mode‘…

代码随想录 NO43 | Leetcode_139.单词拆分 1.关于多重背包,你该了解这些! 2. 背包问题总结篇!

leetcode139.单词拆分 多重背包 背包问题总结1. 多重背包2.背包问题简单总结2.1 背包递推公式2.2 遍历顺序2.2.1 01背包2.2.2 完全背包139.单词拆分 给你一个字符串 s 和一个字符串列表 wordDict 作为字典。请你判断是否可以利用字典中出现的单词拼接出 s 。 注意&#xff1a;…

数据分析思维(七)|漏斗思维

漏斗思维 1、概念 漏斗思维的概念比较简单&#xff0c;所谓的漏斗指的就是层层递减的结构&#xff0c;最终组成一个漏斗样式的模型&#xff0c;而递减的状态是多种业务/产品发展的常态&#xff0c;比如一个线下服装门店&#xff0c;进店的人很多&#xff08;第一层&#xff09…

电子科技大学操作系统期末复习笔记(三):存储器管理

目录 前言 存储器管理 概述 存储管理 存储系统的结构 程序的诞生 空间分类 地址映射 程序链接的方式 静态链接 装入时动态链接 运行时动态链接 程序装入的方式 程序装入的两类三种方法 绝对装入 静态重定位 动态重定位√ 关键点 存储器管理&#xff1a;连续…

C++ 浅谈之二叉搜索树

C 浅谈之二叉搜索树 HELLO&#xff0c;各位博友好&#xff0c;我是阿呆 &#x1f648;&#x1f648;&#x1f648; 这里是 C 浅谈系列&#xff0c;收录在专栏 C 语言中 &#x1f61c;&#x1f61c;&#x1f61c; 本系列阿呆将记录一些 C 语言重要的语法特性 &#x1f3c3;&a…

中小学智慧校园电子班牌系统源码 Saas云平台模式

智慧电子班牌区别于传统电子班牌&#xff0c;智慧校园电子班牌系统更加注重老师和学生的沟通交流和及时数据交互。学校为每个教室配置一台智能电子班牌&#xff0c;一般安装于教室门口&#xff0c;用来实时显示学校通知、班级通知&#xff0c;可设置集中分布式管理&#xff0c;…

Keepalived与HaProxy的协调合作原理分析

Keepalived与HaProxy的协调合作原理分析keepalived与haproxy合作场景更好的理解方式协调合作中考虑的问题一、Keepalived以TCP/IP模型角度来分析&#xff1a;二、HaProxy总结&#xff1a;协调合作中考虑的问题的答案虚拟ip&#xff1a;虚拟IP技术&#xff0c;就是一个未分配给客…

论文笔记:Vision Transformers for Dense Prediction

中文标题: 密集预测的视觉Transformers 创新点 DPT是一种密集预测架构&#xff0c;它基于编码器-解码器的设计&#xff0c;利用一个Transformer作为编码器的基本模块。具体来说&#xff0c;我们使用最近提出的ViT作为主干架构。我们将ViT提供的tokens表示重新组合成不同分辨率…

【人脸识别】Partial-FC:让你在一台机器上训练1000万个id人脸数据集成为可能!

论文题目&#xff1a;”Killing Two Birds with One Stone: Efficient and Robust Training of Face Recognition CNNs by Partial FC“ -CVPR 2022 代码地址&#xff1a;https://arxiv.org/pdf/2203.15565.pdf 代码地址&#xff1a;https://github.com/deepinsight/insightfac…

Maxwell简介、部署、原理和使用介绍

Maxwell简介、部署、原理和使用介绍 1.Maxwell概述简介 1-1.Maxwell简介 ​ Maxwell是由美国Zendesk公司开源&#xff0c;使用Java编写的MySQL变更数据抓取软件。他会实时监控Mysql数据库的数据变更操作&#xff08;包括insert、update、delete&#xff09;&#xff0c;并将变…

【DockerCE】Docker-CE 23.0.1正式版发布

很意外啊&#xff01;Docker社区版竟然直接从20.xx.xx版本&#xff0c;升级到23.xx.xx版本了。官网地址&#xff08;For RHEL/CentOS 7.9&#xff09;&#xff1a;https://download.docker.com/linux/centos/7/x86_64/stable/Packages/23.0.1版本官方安装包如下&#xff1a;# l…

给初级开发人员的建议

#初学者#生产率#代码新手#学习在我超过 15 年的开发生涯中&#xff0c;我学到了一些可以显着提高我的效率的东西。在这篇文章中&#xff0c;我将与您分享这些经验教训。结构&#xff1a;基础建议——以下内容的重要背景和动机技术咨询——主菜推荐读物——指向非常适合入门的高…

30-Golang中的排序和查找

排序和查找排序的基本介绍交换式排序法交换式排序法-冒泡排序查找顺序查找二分查找排序的基本介绍 排序是将一组数据&#xff0c;依指定的顺序进行排列的过程 排序的分类&#xff1a; 1.内部排序&#xff1a;指将需要处理的所有数据都加载到内部存储器中进行排序。包括(交换…

20N65-ASEMI高压MOS管20N65

编辑-Z 20N65在ITO-220AB封装里的静态漏极源导通电阻&#xff08;RDS(ON)&#xff09;为0.42Ω&#xff0c;是一款N沟道高压MOS管。20N65的最大脉冲正向电流ISM为80A&#xff0c;零栅极电压漏极电流(IDSS)为10uA&#xff0c;其工作时耐温度范围为-55~150摄氏度。20N65功耗&…

Spring Boot最核心的27个注解,你了解多少?

https://blog.csdn.net/ManuMAX/article/details/129017443 导读 Spring Boot方式的项目开发已经逐步成为Java应用开发领域的主流框架&#xff0c;它不仅可以方便地创建生产级的Spring应用程序&#xff0c;还能轻松地通过一些注解配置与目前比较火热的微服务框架SpringCloud集成…

前端学习第一阶段——第五章CSS(下)

5-9 浮动 08-浮动导读 09-传统网页布局三种方式 10-为什么需要浮动 11-什么是浮动 12-浮动特性-脱标 13-浮动特性-浮动元素一行显示 14-浮动特性-浮动元素具有行内块特性 15-浮动元素经常搭配标准流的父元素 16-浮动布局练习1 <!DOCTYPE html> <html lang"en&quo…

从青铜到王者,揭秘 Serverless 自动化函数最佳配置

作者&#xff1a;丛霄 背景介绍 全托管的 Serverless 计算平台能给用户带来更少的运维代价、更强的稳定性和更快的弹性能力。 Serverless 的目标之一是免运维&#xff0c;但仍旧存在一些障碍&#xff0c;在 Serverless 场景特有的一些关键服务配置比如**“并发度”、“最小实…

史上最详细的PyCharm快速上手指南,你值得拥有

上一节中我们介绍了Python并安装了环境&#xff0c;有了Python环境我们就可以开发了吗&#xff1f;各位朋友们。 也可以也不可以&#xff01;哈哈哈不要怪我朋友们&#xff0c;我说的是事实。 如果你喜欢Python自带的Python命令开发&#xff0c;即我们所说的交互式&#xff0…

5.33 综合案例2.0 -ESP32拍照上传阿里云OSS

综合案例2.0 - ESP32拍照上传阿里云OSS案例说明连线功能实现1.阿里云平台连接2.OSS对象存储服务3.ESP32-CAM开发环境4.代码ESP32-CAM开发板代码HaaS506开发板代码测试数据转图片方法案例说明 使用ESP32拍照,将照片数据上传阿里云OSS&#xff08;通过4G网络上传&#xff09;。 …

【ArcGIS Pro二次开发】(4):ArcGIS Pro封装的窗体控件

在ArcGIS Pro&#xff0c;有一类窗体控件是系统已经封装好的&#xff0c;比如消息框、提醒框等。下面通过代码来学习一下。 新建一个项目&#xff0c;命名为【ProWindow】&#xff0c;添加5个按钮&#xff0c;命名为【Show_MessageBox、Show_NoticeBox、Show_OpenDialog、Show…