Selenium 自动化测试工具(1) (Selenium 工作原理，常用API的使用）

server/2024/10/10 21:48:54/

文章目录

  • 什么是自动化测试
  • 什么是测试工具：
  • Selenium 工作原理(重要)
  • Selenium API
    • 定位元素
      • CSS 选择器
      • xpath 定位元素
    • 通过Java代码实现自动化
      • 1. 定位元素
      • 2. 关闭浏览器
      • 3. 获取元素文本
      • 4. 鼠标点击与键盘输入
      • 5. 清空内容
      • 6.打印信息

什么是自动化测试

关于自动化，很好理解，比如，像菜鸟，京东，顺丰等这样的快的公司，在早期时，进行快递的筛选，快递的配送，都是人工进行，而现在随着科技的进步，这些工作就可以使用机器进行代替，效率也能得到了大大的提高，所以自动化测试就是：

将人工要做的测试工作转换成让代码去执行测试，以提高测试效率和测试的质量。

什么是测试工具：

测试工具可以是一个jar包，用的时候，导入这个包，调用方法使用，或者是一个web网站，输入测试数据进行测试，或者是一个exe程序，就例如fiddler工具这样，测试工具是各种各样的，

Selenium 工作原理(重要)

Selenium 是一个主要用于对 Web 程序进行自动化测试的工具， 主要应用于页面当中，模拟用户操作浏览器，实现 UI 自动化测试。它有三大组件，分别是：

在这里插入图片描述

Selenium WebDrive：Selenium WebDrive 提供了很多的API，测试人员通过调用这些接口，来访问浏览器驱动，浏览器驱动再操作浏览器。

Selenium 工作原理：

通过以下例子讲解 Selenium 的工作原理：

比如，我们坐出租车到指定的地方这样的一个例子，这里面就涉及到三个角色：我自己，司机，出租车，如下图：

在这里插入图片描述

Selenium 的工作原理也就是这样的，Selenium 里面也有三个角色：

自动化代码：自动化测试代码发送请求给浏览器驱动(比如Chrome驱动，火狐驱动)

浏览器驱动：它来解析解析自动化测试代码，然后发送给浏览器。

浏览器：执行浏览器驱动发来的指令，最终完成工程师想要的操作。

下面通画图讲解一下 Selenium WebDriver 和 浏览器之间如何通信：

  • 自动化脚本 和 浏览器驱动之间是 C/S 架构(客户端-服务器)，两者之间使用的是 HTTP 协议，对于每一条 Selenium 脚本，都会创建一个HTTP请求发送给浏览器驱动。
  • 在浏览器驱动中，包含了一个服务器，用来接收这些http请求
  • 服务器收到请求后，进行解析，发送给浏览器
  • 浏览器执行具体的测试步骤
  • 浏览器执行完之后，将执行结果返回给服务器
  • 服务器又将结果返回给自动化测试代码，如果是错误的http代码，我们就会在控制台看到对应的报错信息

在这里插入图片描述

问题：驱动是同一个，假如是 Chrome 驱动，在客户端使用 Java 或 python 代码，但是为什么可以同时接收 Java 请求和 python请求呢？

这个驱动里面并不是说可以同时接收两种代码，而是支持一种通用的协议，WebDriver 里遵循的一个协议叫作 Json Wire protocol，它们传输的数据格式是 Json 的，可以理解成在HTTP协议之上，再封装了一层这样的公共协议，通过这层协议，就可以解决多种语言。

Selenium API

使用 Selenium API 需要引入依赖：

    <dependencies><!-- https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-java --><dependency><groupId>org.seleniumhq.selenium</groupId><artifactId>selenium-java</artifactId><version>3.4.0</version></dependency></dependencies>

定位元素

定位元素常用的主要有以下两种：

CSS 选择器

下面介绍几种常见的选择器

  1. 类选择器：. class值(例如：. s_ipt)

  2. id选择器：# id值 (例如：#s_ipt)

  3. 标签选择器：标签名

  4. 父类选择器 子类选择器：父类选择器表达式 子类选择器表达式(例如：#s_ipt #kw)

xpath 定位元素

xpath 是根据指定路径选择一组元素，指定路径时可以通过 “绝对路径”和“相对路径”两种方式。

绝对路径：以 ‘/’ 开头为绝对路径

通过绝对路径查找比较麻烦，如下图：

场景：寻找 html 标签下的 head 标签下的 meta 标签。

在这里插入图片描述

通过绝对路径的方式就是：html/head/meta，就会比较麻烦，如下图：

在这里插入图片描述

相对路径：以 ’//‘ 开头为相对路路径 (推荐)

场景：通过相对路径查寻找 html 标签下的 head 标签下的 meta 标签。

相对路径：//meta，这种方式就比较简单，如下图：

在这里插入图片描述

通过相对路径查找时，又可以分为以下几种方式：

场景：通过相对路径查找 form 标签下面的 input 标签，发现 input 标签有多个，所以，可以通过以下几种方式定位。(注意：这里的索引是以1开始的)

  • 相对路径+索引

    路径：//form/input[1]

    在这里插入图片描述

  • 相对路径 + 属性的值

    场景：找到 form 标签下 name 属性等于 ”ie“的 input 标签

    路径：//form /input[@name=“ie”]

​ 在这里插入图片描述

  • 相对路径 + 通配符

    找到当前路径下面所有等于 hidden 的标签

    路径：// [@*=“hidden”]*

在这里插入图片描述

  • 相对路径 + 文本匹配

    场景：寻找加载某个标签中的文本，例如下图的 a 标签。

    路径：//a[text()=“新闻”]

    在这里插入图片描述

在这里插入图片描述

CSS 选择器和 xpath的区别

CSS 选择器的效率比xpath高，因为，xpath 是通过路径来确定某个元素的，所以有一个路径扫描的开销。

通过Java代码实现自动化

1. 定位元素

场景：通过 Java 代码打开浏览器，定位“百度一下”按钮，如下图：

在这里插入图片描述

代码实现：

 public static void main(String[] args) {// 创建浏览器驱动WebDriver webDriver = new ChromeDriver();// 指定页面webDriver.get("https://www.baidu.com");//通过 CSS 选择器定位元素
//        WebElement element = webDriver.findElement(By.cssSelector("#su"));//通过xpath方式定位元素WebElement element = webDriver.findElement(By.xpath("//*[@id=\"su\"]"));if(element == null) {// 表示当前页面中没有指定的元素System.out.println("当前页面没有指定的元素");}else {System.out.println("测试成功");}}

在这里插入图片描述

小技巧：

在这里插入图片描述

在这里指定定位元素时，需要按照前端的语法进行写代码，所以，有的同学可能会觉得麻烦，下面交给同学们一个小技巧：

在这里插入图片描述

2. 关闭浏览器

关闭浏览器有两种方式：

  • close()
  • quit()

在这里插入图片描述

在打开浏览器时，也会保存一些 Cookie，使用 quit() 关闭浏览器时，会将浏览器中的 Cooike 也清除掉，而 close() 不会。

3. 获取元素文本

第一种情况：

场景：获取下图中地图按钮上的文本，也就是“地图”文本

在这里插入图片描述

   private static void test6() {// 创建浏览器驱动WebDriver webDriver = new ChromeDriver();// 指定浏览器页面webDriver.get("https://www.baidu.com");// 定位按钮WebElement element = webDriver.findElement(By.cssSelector("#s-top-left > a:nth-child(3)"));// 获取文本System.out.println(element.getText());}

执行结果：

在这里插入图片描述

第二种情况：

场景：获取”百度一下“按钮中的文本

在这里插入图片描述

如果再使用 getText() 方法就不会获取到，如下图：

在这里插入图片描述

原因：

”地图“ 文本是在两个 a 标签中间夹着，所以通过 getText() 可以获取到，这也就说明了 getText() 用于获取到标签中的文本，但是，”百度一下“ 文本是一个属性的值，所以会报错。

在这里插入图片描述

在这里插入图片描述

解决方法：获取属性的值使用 getAttribute()

  private static void test6() {// 创建浏览器驱动WebDriver webDriver = new ChromeDriver();// 指定浏览器页面webDriver.get("https://www.baidu.com");// 定位按钮WebElement element = webDriver.findElement(By.cssSelector("#su"));// 获取文本System.out.println(element.getAttribute("value"));}

在这里插入图片描述

4. 鼠标点击与键盘输入

场景：通过代码在百度的输入框中输入“软件测试”，然后点击百度一下按钮进入新的页面，在新的页面中查找文本为”软件测试“的元素。

在这里插入图片描述

需要使用到的API：

sendkeys(要输入的文本)：自动输入文本

click()：自动点击选择的按钮

代码实现：

private static void test2() throws InterruptedException {// 创建浏览器驱动WebDriver webDriver = new ChromeDriver();// 指定浏览器页面webDriver.get("https://www.baidu.com");// 定位输入框WebElement importInput = webDriver.findElement(By.cssSelector("#kw"));// 输入文本importInput.sendKeys("软件测试");// 定位按钮WebElement clickButton = webDriver.findElement(By.cssSelector("#su"));// 进行点击clickButton.click();// 获取搜索到的页面中指定的所有元素// 因为元素不止一个，所以使用findElements// 进行一个睡眠，等待页面加载出来在寻找元素sleep(3000);List<WebElement> elements = webDriver.findElements(By.cssSelector("a em"));sleep(3000);//遍历listfor(int i = 0; i < elements.size(); i++) {if(elements.get(i).getText().equals("软件测试")) {//如果元素是“软件测试”则表示测试成功，否则测试失败System.out.println("测试成功");}else{System.out.println("测试失败");}}}

submit() 与 click() 的区别

click() 是点击，submit() 都是提交，而submit() 是提交form标签，submit 操作的元素需要放在 form 标签中，如果不是 form 标签，使用 submit() 进行提交后，在返回时就会报错。而 click() 就没有任何限制。

5. 清空内容

场景：清空输入框中的元素

    private static void test3() {// 创建浏览器驱动WebDriver webDriver = new ChromeDriver();// 指定浏览器页面webDriver.get("https://www.baidu.com");// 定位输入框WebElement importInput = webDriver.findElement(By.cssSelector("#kw"));// 输入文本importInput.sendKeys("软件测试");//清空输入框中内容importInput.clear();}

6.打印信息

  1. 打印 title

    在这里插入图片描述

    代码实现：

    private static void test7() {// 创建浏览器驱动WebDriver webDriver = new ChromeDriver();// 指定浏览器页面webDriver.get("https://www.baidu.com/");// 获取页面的titleString title = webDriver.getTitle();System.out.println("当前页面的title：" + title);// 关闭浏览器webDriver.quit();}

    执行结果：

    在这里插入图片描述

  2. 获取当前页面的 URL

    getCurrentUrl（）

在这里插入图片描述

代码实现：

private static void test8() {// 创建浏览器驱动WebDriver webDriver = new ChromeDriver();// 指定浏览器页面webDriver.get("https://www.baidu.com/");//获取当前页面的urlString currentUrl = webDriver.getCurrentUrl();//判断当前页面的url与指定跳转的页面的url是否相同if(currentUrl.equals("https://www.baidu.com/")) {System.out.println("测试通过,当前页面url:" + currentUrl);}else {System.out.println("测试不通过");}webDriver.quit();}

在这里插入图片描述


http://www.ppmy.cn/server/43167.html

相关文章

无畏并发: Rust Mutex的基本使用

无畏并发: Rust Mutex的基本使用

并发是很多编程语言避不开的一块主要内容&#xff0c;主打一个无畏并发的Rust自然也面临这样的挑战。Rust中的Mutex提供了强大的同步原语&#xff0c;确保共享数据的线程安全&#xff0c;这篇文章中&#xff0c;我们会探讨Mutex的使用&#xff0c;从基础的用法到一些高阶内容。…
阅读更多...
Drone+Gitee自动执行构建、测试和发布工作流

Drone+Gitee自动执行构建、测试和发布工作流

拉取Drone:(至于版本&#xff0c;你可以下载最新的) sudo docker pull drone/drone:2 拉取runner&#xff1a; sudo docker pull drone/drone-runner-docker 在Gitee中添加第三方应用&#xff1a; 进入个人主页&#xff0c;点击设置&#xff1a; 往下翻&#xff0c;找到数…
阅读更多...
异构图上的连接预测一

异构图上的连接预测一

这里写目录标题 异构图&#xff1f;处理数据&#xff1a; 异构图&#xff1f; 异构图&#xff1a;就是指节点与边类型不同的图。 连接预测&#xff1a;目的是预测图中两个节点之间是否存在一条边&#xff0c;或者是预测两个节点之间&#xff0c;在未来可能形成的连接。 eg&…
阅读更多...
【前端】面试八股文——原型链

【前端】面试八股文——原型链

【前端】面试八股文——原型链 1. 什么是原型链&#xff1f; 在JavaScript中&#xff0c;每个对象都有一个原型&#xff08;prototype&#xff09;&#xff0c;而原型本身又可能是另一个对象的原型。通过这种链式关系&#xff0c;可以实现属性和方法的继承&#xff0c;这就是…
阅读更多...
SVM兵王问题

SVM兵王问题

1.流程 前面六个就是棋子的位置&#xff0c;draw就是逼和&#xff0c;后面的数字six就代表&#xff0c;白棋最少用六步就能将死对方。然后呢&#xff0c;可以看一下最后一个有几种情况&#xff1a; 2.交叉测试 leave one out&#xff1a; 留一个样本作测试集&#xff0c;其余…
阅读更多...
Linux下的调试器 ： gdb指令详解

Linux下的调试器 ： gdb指令详解

&#x1fa90;&#x1fa90;&#x1fa90;欢迎来到程序员餐厅&#x1f4ab;&#x1f4ab;&#x1f4ab; 主厨&#xff1a;邪王真眼 主厨的主页&#xff1a;Chef‘s blog 所属专栏&#xff1a;青果大战linux 总有光环在陨落&#xff0c;总有新星在闪烁 gdb是什么 gdn是linu…
阅读更多...
记录一次Netty的WSS异常

记录一次Netty的WSS异常

概述 业务场景 应用通过 WSS 客户端连接三方接口。在高并发压测时&#xff0c;出现了请求服务器写入失败的异常&#xff0c;该异常是偶发&#xff0c;出现的概率不到千分之一&#xff0c;异常如下图所示。 问题概述 注意&#xff1a; 因为握手是通过 http 协议进行的。所以…
阅读更多...
线程池以及日志类的实现

线程池以及日志类的实现

目录 线程池: 日志类: 可变参数以及相关函数 1.va_list 2. va_start 3. va_end 日志Log类 线程池 线程池: 是一种线程使用模式。线程过多会带来调度开销&#xff0c;进而影响缓存局部性和整体性能。而线程池维护着多个线程&#xff0c;等待着 监督管理者分配可并发执行…
阅读更多...
最新文章

Copyright @ 2022~2023