如何使用 Selenium 实现自动化操作？

清疚 2023-09-23 22:18 115阅读 0赞

**目录**

前言

一、关于Selenium

1.1、为什么选择它作为web自动化的测试工具？

1.2、Selenium操作浏览器的原理

二、实现一个简单的自动化

2.1、使用自动化操作浏览器

2.2、Selenium常用的API

2.2.1、查找页面元素

小结

--------------------

# 前言 #

本篇咱们来谈谈Selenium自动化脚本是如何工作的，以及如何实现一个简单的自动化示例；

--------------------

# 一、关于Selenium #

## 1.1、为什么选择它作为web自动化的测试工具？ ##

> 选择Selenium作为**web自动化测试工具**的原因（面试也许会问）：

1. 开源免费；

2. 支持多浏览器，如Chrome、 Firefox、IE浏览器等；

3. 支持多系统，如Linux、Windows、MacOS；

4. 支持多语言，如下：

![28460aa6161c431991bdfa01de434b5f.png][]

5. Selenium包提供了很多可供测试使用的API；

## 1.2、Selenium操作浏览器的原理 ##

> 首先来了解一下不可不知的“驱动”：

什么是驱动？例如，计算机有了驱动，才可以使计算机工作起来；人工测试的情况下，我们用鼠标打开浏览器，那么驱动就是人力；对于自动化来说，代码不能直接打开浏览器，而是需要借助驱动才能打开浏览器；

> 那么，来看一下Selenium编写的自动化脚本是如何打开浏览器的：

![ec48de1ca2004a5196627453c2b8df8f.png][] 从上图可以看的出来，驱动要接受 selenium 脚本发送来的 http 请求，并解析请求，实际上就可以把这个驱动看成一个服务器，例如谷歌chromedriver，如下图：

![a825b9e28ac24d52afdd009fc2f6faa6.png][]

**注意：使用的浏览器驱动版本一定要和浏览器版本保持差不多一致；**

--------------------

# 二、实现一个简单的自动化 #

## 2.1、使用自动化操作浏览器 ##

> 实现一个简单的自动化主要包含以下几个步骤

1. 创建驱动示例，创建会话（打开浏览器）；

2. 访问网站；

3. 查找元素；

4. 操作元素；

5. 结束会话；

> 例如：通过谷歌浏览器进入

**注意：需要先导入selenium相关依赖，并且将浏览器驱动下载完成，放入java/jdk/bin目录下；**

<dependencies>
            <dependency>
                <groupId>org.seleniumhq.selenium</groupId>
                <artifactId>selenium-java</artifactId>
                <version>4.0.0</version>
            </dependency>
        </dependencies>

由于自动化代码执行速度很快，所以可以在每执行一步用线程休眠停留一下（如果想观看到效果） ；

import org.openqa.selenium.By;
    import org.openqa.selenium.chrome.ChromeDriver;
    
    public class FirstAutoTest {
        //百度网址搜索关键词“不孕不育”
        public void buyunbuyuTest() throws InterruptedException {
            //创建驱动示例，创建会话(打开浏览器)
            ChromeDriver driver = new ChromeDriver();
            Thread.sleep(3000);
            //在浏览器里输入百度网址，访问百度首页
            driver.get("https://www.baidu.com");
            Thread.sleep(3000);
            //找到百度首页输入框元素，并输入关键词“不孕不育”
            driver.findElement(By.cssSelector("#kw")).sendKeys("不孕不育");
            Thread.sleep(3000);
            //找到百度首页"百度一下"按钮，并点击
            driver.findElement(By.cssSelector("#su")).click();
            Thread.sleep(3000);
            //结束会话，关闭浏览器
            driver.quit();
        }
    }

## 2.2、Selenium常用的API ##

### 2.2.1、查找页面元素 ###

> 使用方法：

indElement()；

> 参数：

By类（通过什么方式来定位元素）；

By类中最常用的两个定位方法：

1. cssSelector()，它可以通过css选择器来定位元素；

2. className()，它可以通过xpath来定位元素；

xpath如何使用呢？

最常用的是用层级的方式来表示： /子级 //跳级；（@为属性）

例如：谷歌浏览器中的Google标志

![ef472e59ef124f7e8de18348f211a9d3.png][]

这样你就可以拿到这个标签的xpath：//\*\[@id="logo"\] 这便是跳级（前面的路径都不显示，直接表示属性id=“logo”这个标签）

或者是xpath://\*\[@id="csdn-copyright-footer"\]/ul\[1\]/li\[2\]/a 这便是一个跳级加子集的方式；

**值得注意的是：**我们不要一个一个去推这个子集表示的方式，可以直接按照上图的方式进行拷贝xpath路径，配合着className()方法使用即可，**但是有时候赋值selector或者xpath元素不一定是唯一的，需要我们进行手动修改到唯一**，这就是为什么我们要对xpath的语法要有一定了解的原因；

--------------------

# 小结 #

你学费了吗？

--------------------

![56b87498bd6e4033be70a0c4a96f6f1b.gif][]

[28460aa6161c431991bdfa01de434b5f.png]: https://img-blog.csdnimg.cn/28460aa6161c431991bdfa01de434b5f.png
[ec48de1ca2004a5196627453c2b8df8f.png]: https://img-blog.csdnimg.cn/ec48de1ca2004a5196627453c2b8df8f.png
[a825b9e28ac24d52afdd009fc2f6faa6.png]: https://img-blog.csdnimg.cn/a825b9e28ac24d52afdd009fc2f6faa6.png
[ef472e59ef124f7e8de18348f211a9d3.png]: https://img-blog.csdnimg.cn/ef472e59ef124f7e8de18348f211a9d3.png
[56b87498bd6e4033be70a0c4a96f6f1b.gif]: https://img-blog.csdnimg.cn/56b87498bd6e4033be70a0c4a96f6f1b.gif