【自动化测试】——Selenium （基于java）

Table of Contents

前言

小亭子正在努力的学习编程，接下来将开启软件测试的学习~~

分享的文章都是学习的笔记和感悟，如有不妥之处希望大佬们批评指正~~

同时如果本文对你有帮助的话，烦请点赞关注支持一波, 感激不尽~~

目录

一、认识Selenium

1.什么是自动化测试 

 自动化测试指软件测试的自动化，在预设状态下运行应用程序或者系统，预设条件包括正常和异常，最后评估运行结果。将人为驱动的测试行为转化为机器执行的过程。

【简单来说就是编写代码，让机器代替人工进行测试工作】

2.Selenium

Selenium是web应用中基于UI的自动化测试框架，支持多平台、多浏览器、多语言。

早期的selenium RC已经被现在的webDriver所替代，可以简单的理解为selenium1.0+webdriver构成现在的Selenium2.0。现在我们说起selenium，一般指的是Selenium2.0。它有由Selenium IDE，Webdriver，Selenium Grid组成。

 分别做一下介绍：

2.1，Selenium IDE

Selenium IDE一个用于Selenium测试的完成集成开发环境，可以直接录制在浏览器的用户操作，并且能回放，编辑和调试测试脚本。调试过程中可以逐步进行或调整执行的速度，并且可以在底部浏览日志出错信息。录制的测试脚本可以以多种语言导出，比如java，C#，Python，Ruby等，方便掌握不同语言的测试人员操作。

2.2，Webdriver

Selenium RC 在浏览器中运行 JavaScript 应用，会存在环境沙箱问题，而WebDriver可以跳出JavaScript的沙箱，针对不同的浏览器创建更健壮的，分布式的，跨平台的自动化测试脚本。基于特定语言（Java，C#，Python，Ruby，Perl，JavaScript等）绑定来驱动浏览器对Web元素进行操作和验证。

 3.webdriver的工作原理：

启动浏览器后，selenium-webdriver会将目标浏览器绑定到特定的端口，启动后的浏览器则作为

webdriver的remote server。

客户端(也就是测试脚本)，借助ComandExecutor发送HTTP请求给sever端（通信协议：The

WebDriver Wire Protocol，在HTTP request的body中，会以WebDriver Wire协议规定的JSON格

式的字符串来告诉Selenium我们希望浏览器接下来做什么事情）。

Sever端需要依赖原生的浏览器组件，转化Web Service的命令为浏览器native的调用来完成操作。

二、环境搭建

这里我使用的是：Chrome+Java（推荐）

1.下载chrome浏览器

下载链接已准备好

https://www.google.cn/intl/zh-CN/chrome/

2.查看chrome浏览器版本

3. 下载chrome浏览器驱动

链接已备好https://chromedriver.chromium.org/downloads

4.配置环境变量

解压下载好的驱动压缩包，将下载好的chromedriver.exe放到java系统环境变量下

举例：我的java路径是C:\Program Files\Java\jdk1.8.0_131\bin

5.验证环境是否搭建成功

（1）创建java项目，添加pom文件中添加依赖

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

（2）编写代码运行

public class Demo2 {
    public static void main(String[] args) {
        // 谷歌驱动
        ChromeOptions options = new ChromeOptions();
        // 允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        // 启动需要打开的网页
        webDriver.get("https://www.baidu.com");
    }
}

显示上述图片内容后，浏览器就会自动启动，注意仔细观察。

三、Selenium常用API

1.定位元素

         //引入谷歌驱动
        ChromeOptions options = new ChromeOptions();
        //允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        //启动需要打开的网页
        webDriver.get("https://www.baidu.com");
        // 利用id定位元素:百度输入框,并在输入框中输入:软件测试
        webDriver.findElement(By.id("kw")).sendKeys("软件测试");
        //通过name来定位
        webDriver.findElement(By.name("wd")).sendKeys("软件测试");
        //通过css选择器来定位
        webDriver.findElement(By.xpath("//*[@id=\"kw\"]")).sendKeys("软件测试");
        //通过Xpath来定位
        webDriver.findElement(By.cssSelector("#kw")).sendKeys("软件测试");

2.操作对象

webdriver 中比较常用的操作对象的方法有下面几个：

private static void test1() throws InterruptedException {
        //引入谷歌驱动
        ChromeOptions options = new ChromeOptions();
        //允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        //启动需要打开的网页
        webDriver.get("https://www.baidu.com");
        Thread time = null;
        sleep(1000);   //为了展示效果设置的等待
        //操作元素
        //输入元素 sendKey
        webDriver.findElement(By.id("kw")).sendKeys("软件测试");
        sleep(3000);
        //清除元素  clear
        webDriver.findElement(By.id("kw")).clear();
        //点击元素  click
        webDriver.findElement(By.id("su")).click();
        //提交元素  submit
        webDriver.findElement(By.id("su")).submit();
        //获取元素文本信息
        String data = webDriver.findElement(By.id("bottom_layer")).getText();
    }

3.添加等待

1）sleep休眠

添加休眠非常简单，我们需要引入time 包，就可以在脚本中自由的添加休眠时间了，这里的休眠指固定休眠；【简单来说就是固定了休眠时间，sleep（2000）就是休眠两秒】

2）隐式等待

隐式地等待并非一个固定的等待时间，当脚本执行到某个元素定位时，如果元素可以定位，则继续执行；如果元素定位不到，则它以轮询的方式不断的判断元素是否被定位到。直到超出设置的时长。

通过添加driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS)的方法去添加隐式等待，可以参考一下官方文档：

等待 | Selenium正在上传…重新上传取消https://www.selenium.dev/zh-cn/documentation/webdriver/waits/​b​​​​​

补充:

//智能等待,3秒
webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);

4.打印信息

private static void test2() {
        Thread time = null;
        //引入谷歌驱动
        ChromeOptions options = new ChromeOptions();
        //允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        //启动需要打开的网页
        webDriver.get("https://www.baidu.com/");
        //获取当前页面的url
        String url = webDriver.getCurrentUrl();
        // System.out.println(url);
        //获取当前页面的title
        String title = webDriver.getTitle();
        // System.out.println(title);
        //判断与预期结果是否相同,相同则通过测试,不相同则不通过
        if (url.equals("https://www.baidu.com/")) {
            if (title.equals("百度一下，你就知道")) {
                System.out.println("测试通过");
            } else {
                System.out.println("测试未通过,title错了");
            }

        } else {
            System.out.println("测试未通过,url错了");
        }
    }

运行结果：

5.浏览器操作

使用浏览器浏览网页时，浏览器提供了后退和前进按钮，可以方便地在浏览过的网页之间切换，WebDriver也提供了对应的back()和forward()方法来模拟后退和前进按钮。下面通过例子来演示这两个方法的使用。

private static void test3() {
        Thread time = null;
        //引入谷歌驱动
        ChromeOptions options = new ChromeOptions();
        //允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        //启动需要打开的网页
        webDriver.get("https://www.baidu.com");
        //输入情人节
        webDriver.findElement(By.cssSelector("#kw")).sendKeys("情人节");
        //点击搜索
        webDriver.findElement(By.cssSelector("#su")).click();
        //浏览器刷新
        time.sleep(3000);
        webDriver.navigate().refresh();
        //浏览器后退一步
        time.sleep(3000);        //加个休眠时间方便观察
        webDriver.navigate().back();
        //浏览器前进
        time.sleep(3000);
        webDriver.navigate().forward();
        //浏览器窗口最大化
        webDriver.manage().window().maximize();
        //浏览器窗口按照指定大小来显示
        webDriver.manage().window().setSize(new Dimension(500,500));
        time.sleep(3000);
        //浏览器全屏
        webDriver.manage().window().fullscreen();

6.键盘操作

Keys()类提供了键盘上几乎所有按键的方法。 前面了解到， sendKeys()方法可以用来模拟键盘输入， 除此之 外， 我们还可以用它来输入键盘上的按键， 甚至是组合键， 如 Ctrl+A、 Ctrl+C 等；

以下为常用的键盘操作：

private static void test4() throws InterruptedException {
        Thread time = null;
        //引入谷歌驱动
        ChromeOptions options = new ChromeOptions();
        //允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        //启动需要打开的网页
        webDriver.get("https://www.baidu.com");
        //输入情人节
        webDriver.findElement(By.cssSelector("#kw")).sendKeys("情人节");
        //测试trl+A
        sleep(2000);
        webDriver.findElement(By.cssSelector("#kw")).sendKeys(Keys.CONTROL, "A");
        //测试trl+X
        sleep(2000);
        webDriver.findElement((By.cssSelector("#kw"))).sendKeys(Keys.CONTROL, "X");
        //测试trl+V
        sleep(2000);
        webDriver.findElement((By.cssSelector("#kw"))).sendKeys(Keys.CONTROL, "V");
        //点击
        webDriver.findElement(By.cssSelector("#su")).click();
    }

7.鼠标操作

我们在浏览网页的时候通过鼠标可以进行很多操作，例如鼠标右击、双击、悬停、甚至是鼠标拖动等功能。在WebDriver中，将这些关于鼠标操作的方法封装在ActionChains类提供。 Actions 类提供了鼠标操作的常用方法：

 private static void test5() throws InterruptedException {
        Thread time = null;
        //引入谷歌驱动
        ChromeOptions options = new ChromeOptions();
        //允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        //启动需要打开的网页
        webDriver.get("https://www.baidu.com");
        //输入情人节
        webDriver.findElement(By.cssSelector("#kw")).sendKeys("情人节");
        //点击百度一下的按钮
        webDriver.findElement(By.cssSelector("#su")).click();
        //找到测试点鼠标右键点击:网页
        WebElement webElement = webDriver.findElement(By.cssSelector("#s_tab > div > b"));
        //鼠标右击
        Actions actions = new Actions(webDriver);
        sleep(3000);
        actions.moveToElement(webElement).contextClick().perform();

    }

8.定位一组元素

定位一组元素，比如多选框

private static void test8() {
        //谷歌驱动
        ChromeOptions options = new ChromeOptions();
        // 允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
//填写要访问的路径，这里是本地的文件
        webDriver.get("http://127.0.0.1:8080/aaa/test.html");
        //定位input标签，并将其扔到List集合中
        List<WebElement> webElements =  webDriver.findElements(By.cssSelector("input"));
        // 如果元素的type值等于checkbox就进行点击
        for (int i = 0; i < webElements.size(); i++) {
            // getAttribute是获取当前页面元素的属性值，type是当前元素的属性
            if(webElements.get(i).getAttribute("type").equals("checkbox")){
                webElements.get(i).click();
            }else {
                ;
            }
        }
    }

9.下拉框处理

下拉框是我们最常见的一种页面元素，对于一般的元素，我们只需要一次就定位，但下拉框里的内容需要进行两次定位，先定位到下拉框对下拉框进行操作后，再定位到下拉框内里的选项。

    private static void test7() {
        Thread time = null;
        //引入谷歌驱动
        ChromeOptions options = new ChromeOptions();
        //允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        //启动需要打开的网页
        webDriver.get("http://127.0.0.1:8080/blog/test2.html");
        WebElement webElement = webDriver.findElement(By.cssSelector("#ShippingMethod"));
        Select select = new Select(webElement);
        select.selectByIndex(2); //下标从0开始
    }

10.切换窗口句柄

我们在页面操作过程中有时候点击某个链接会弹出新的窗口， 这时就需要主机切换到新打开的窗口上进行操作。WebDriver提供了switchTo().window()方法可以实现在不同的窗口之间切换。

但是：打开一个新窗口人眼可以看到变化，在自动化测试中，自动化脚本无法直接观察出变化，这个时候自动化脚本通过识别浏览器窗口的属性用句柄（handle）来识别。窗口句柄是窗口的唯一标识，可看做窗口的身份证号。

【注意：这是一个在第二个页面的输入框内搜索内容，如果不调用webDriver.getWindowHandle()方法的话，代码就会报错】

private static void test8() {
        Thread time = null;
        //引入谷歌驱动
        ChromeOptions options = new ChromeOptions();
        //允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        //点击百度的新闻页面
        webDriver.findElement(By.cssSelector("#s-top-left > a:nth-child(1")).click();
        // getWindowHandles获取所以得窗口句柄
        // getWindowHandles获取当前页面的窗口句柄
        //   System.out.println(webDriver.getWindowHandle());
        Set<String> handles = webDriver.getWindowHandles();
        String target_handle = "";
        for (String handle : handles) {
            target_handle = handle;
        }
        webDriver.switchTo().window(target_handle);
        webDriver.findElement(By.cssSelector("#ww")).sendKeys("情人节");
        webDriver.findElement(By.cssSelector("#s_btn_wr")).click();

    }

11.操作截图

自动化用例是由代码编写程序控制网页去执行，因此有时候打印的错误信息并不十分明确。如果在脚本执行出错的时候能对当前窗口截图保存，那么通过图片就可以非常直观地看出出错的原因。 WebDriver提供了截图函数getScreenshotAs()来截取当前窗口；

private static void test9() throws IOException, InterruptedException {
        //谷歌驱动
        ChromeOptions options = new ChromeOptions();
        // 允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        webDriver.get("https://www.baidu.com/");
        webDriver.findElement(By.cssSelector("#kw")).sendKeys("软件测试");
        webDriver.findElement(By.cssSelector("#su")).click();
        sleep(2000);
        File file = ((TakesScreenshot) webDriver).getScreenshotAs(OutputType.FILE);
        // 放到指定路径下
        Cache FileUtils = null;
        FileUtils.copyFile(file, new File("D://20230527jietu.png"));
    }
}

12.上传文件操作

对于通过input标签实现的上传功能，可以将其看作是一个输入框，即通过sendKeys()指定本地文件路径的方式实现文件上传；【关键是文件要存在且路径正确】

 private static void test10() {
        //谷歌驱动
        ChromeOptions options = new ChromeOptions();
        // 允许所有请求
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        webDriver.get("http://127.0.0.1:8080/aaa/bbb.html");
        // sendKeys里是上传文件的路径
        webDriver.findElement(By.cssSelector("input")).sendKeys("D:\\Bin\\xnn_res");
    }

四、常见面试题

1.css选择器和xpath选择器你觉得哪个更好？

答：css选择器效率更高

2.quit 和 close的区别

quit 关闭了整个浏览器，close只是关闭了当前的页面；

quit会清空缓存，close则不会；

以上就是本文分享的主要内容，对你有帮助的话，可以点个赞哦~~