【Selenium】十分钟手把手带你学会WebDriver API

龙洋静

已于 2023-02-15 14:10:47 修改

阅读量1k

点赞数

分类专栏：测试文章标签： selenium 测试工具

于 2023-02-13 20:03:21 首次发布

本文链接：https://blog.csdn.net/LYJbao/article/details/128496513

版权

测试专栏收录该内容

35 篇文章 6 订阅

订阅专栏

1、定位元素【8种】

元素定位是自动化测试的核心，想要去操作一个对象，第一步就是需要我们先去识别这个对象。每个对象就会有专属的属性（特性），而在前端中，一个元素根据它的id,name,class等属性来定位，所以呢，webdriver中提供了一系列的对象定位方法，有以下8种：

id ：全局唯一，一定可以唯一定位到一个元素
name：不一定全局唯一，有可能定位不到
class name：不一定全局唯一，有可能定位不到
link text：不一定全局唯一，有可能定位不到
partial link text：不一定全局唯一，有可能定位不到
tag name：不一定全局唯一，有可能定位不到
xpath：一定可以定位到一个元素
css selector：样式

注意：不管使用哪种方式，必须要保证页面上该属性的唯一性

各个定位方式分别是什么意思？

id是页面元素的属性，但并不是所有元素都有id
name也是页面元素的属性，如果这个元素有name，并且元素的name命名在整个页面是唯一的，就可以使用这种方式
class和tag name【标签名】，如input就是一个标签的名字，可以通过find_element_by_tag_name("input") 函数来定位，如class="su"，可以通过find_element_by_class_name("s_ipt")函数定位百度输入框
css定位，css使用选择器来为页面元素绑定属性
XPath定位，就是扩展了上面的id和name定位方式
link text定位，通过链接内容来定位
Partial link text定位，通过链接部分文字定位
最常用的两种方式：css选择器【cssSelector】、XPath选择器

使用举例：

import org.openqa.selenium.By;
import org.openqa.selenium.chrome.ChromeDriver;

/**
 * Created with IntelliJ IDEA.
 * Description:
 * User:龙宝
 * Date:2023-02-09
 * Time:18:28
 */
public class First {
    public void zhaoliyingTest() throws InterruptedException {
        //打开浏览器，创建驱动实例
        ChromeDriver chromeDriver = new ChromeDriver();
        //执行慢一点
        Thread.sleep(2000);
        chromeDriver.get("https://www.baidu.com");
        Thread.sleep(2000);
        //找到对话框，输入关键词
        chromeDriver.findElement(By.cssSelector("#kw")).sendKeys("赵丽颖");
        Thread.sleep(2000);
        //找到查询按钮，点击查询按钮
        chromeDriver.findElement(By.cssSelector("#su")).click();
        Thread.sleep(2000);
        //关闭浏览器，退出
        chromeDriver.quit();
    }
}

如何知道使用某种定位元素方式时，该属性的名称【例如：上述代码中为什么是"#kw"、"#su"】，以百度首页举例：

鼠标放在右侧指定的代码上，右击：

这就是各个属性的名称，选择自己要使用的复制即可~

8中定位方式举例：

package com;

import org.openqa.selenium.By;
import org.openqa.selenium.chrome.ChromeDriver;

/**
 * Created with IntelliJ IDEA.
 * Description:
 * User:龙宝
 * Date:2023-02-13
 * Time:17:08
 */
public class Demo {
    public void demo1() {
        ChromeDriver chromeDriver = new ChromeDriver();

        chromeDriver.get("https://www.baidu.com");

        //id定位
        chromeDriver.findElement(By.id("kw"));
        //name定位
        chromeDriver.findElement(By.name("wd"));
        //class name 定位
        chromeDriver.findElement(By.className("s_ipt"));
        //link text定位
        chromeDriver.findElement(By.linkText("百度一下"));
        //partial link text定位
        chromeDriver.findElement(By.partialLinkText("百度"));
        //tag name 定位
        chromeDriver.findElement(By.tagName("input"));
        //xpath 定位
        chromeDriver.findElement(By.xpath("/html/body/div[1]/div[2]/div[5]/div[1]/div/form/span[1]/input"));
        //scc selector 定位
        chromeDriver.findElement(By.cssSelector("#kw"));
    }
}

2、操作测试对象

webdriver中提供了一下几种常用的操作对象方法

click：点击对象
send_keys：在对象上模拟按键输入
clear：清除对象的内容
submit：提交表单
text：用于获取元素的文本信息

chromeDriver.findElement(By.cssSelector("#su")).click();
chromeDriver.findElement(By.cssSelector("#kw")).sendKeys("Java");
chromeDriver.findElement(By.cssSelector("#kw")).clear();
//获取页面的标题
chromeDriver.getTitle();
//获取URL
chromeDriver.getCurrentUrl();

3、添加等待

强制等待：Thread.sleep(5)------只能选择一个固定的时间的等待
隐式等待：全局隐式等待——隐式等待会一直轮询判断元素是否存在，如果不存在就等待设置好的时间里不断的进行轮询，直到元素能够被找到
显示等待：显式等待必须在每一个需要等待的元素前面进行声明,而隐式等待一般都是在要等待的对象之后声明，都属于智能等待方式；
流畅等待

        //强制等待
        Thread.sleep(3000);

        //隐式等待
        ChromeDriver driver = new ChromeDriver();
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
        driver.get("https://www.biadu.com");
        driver.findElement(By.cssSelector("#kw"));

        //显示等待
        new WebDriverWait(driver,Duration.ofSeconds(5))
                .until(driver->driver.findElement(By.cssSelector("#\\31 > div > ")));

        //关闭
        driver.quit();

4、弹窗类型

弹窗类型：警告弹窗、确认弹窗、提示弹窗

    void AlertControl() {
        //get：url
        //不是本地文件路径
        driver.get("file:///D:/Program%20Files%20(x86)/tencent/Git/code/Java/JavaWeb/Alert/alert.html");;

        //打开弹窗
        driver.findElement(By.cssSelector("body > a:nth-child(1)")).click();
        //切换到弹窗
       Alert alert =  driver.switchTo().alert();
       
       //弹窗输入文本
        alert.sendKeys("哈哈哈");

       //1、点击确认
//        alert.accept();

        //2、点击取消
        alert.dismiss();

        //关闭
        driver.quit();

    }

前端代码：

<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>inner</title>
    </head>
    <body>
        <a href="javascript:alert('警告弹窗')">警告弹窗</a>
        <a href="javascript:confirm('确认弹窗')">确认弹窗</a>
        <a href="javascript:prompt('提示弹窗')">提示弹窗</a>

    </body>
</html>

虽然警告弹窗只有确认按钮，但是都能处理accept和dismiss，代码是不会报错的

5、浏览器的操作

浏览器最大化：

driver.maximize_window()

设置浏览器宽高：

driver.set_window_size(480,800)

浏览器导航：

        //进入页面
        driver.navigate().to("https://www.baidu.com");
        //等同于
        //driver.get("https://www.baidu.com");
        //回退
        driver.navigate().back();
        //前进
        driver.navigate().forward();
        //刷新
        driver.navigate().refresh();

控制浏览器滚动条：

   void scriptControll() throws InterruptedException {
        ChromeDriver driver = new ChromeDriver();
        driver.get("https://image.baidu.com/");
        Thread.sleep(3000);
        //执行js命令:让页面置顶/置底
        //如果想要滑到最小面，值设置的大一些就行
        driver.executeScript("document.documentElement.scrollTop=5000");
        Thread.sleep(3000);
        //0就是顶部
        driver.executeScript("document.documentElement.scrollTop=0");
        driver.get("https://www.baidu.com");
        Thread.sleep(3000);
        driver.executeScript("var texts = document.querySelector('#kw');texts.value='java104&105'");
        Thread.sleep(3000);
        driver.quit();
    }

6、键盘事件

from selenium.webdriver.common.keys import Keys #需要引入keys 包

键盘按键用法：

通过send_keys()调用按键：

sendkeys(Keys.TAB)  // TAB
sendkeys(Keys.ENTER)  // 回车

//tab 的定位相当于清除了密码框的默认提示信息，等同clear()
 driver.findElement(By.id("account")).sendKeys(Keys.TAB);
//也可定位登陆按钮，通过enter（回车）代替click()
driver.findElement(By.id("login")).sendKeys(Keys.ENTER);

7、选择框

 void selectControl() throws InterruptedException {
        driver.get("file:///D:/Program%20Files%20(x86)/tencent/Git/code/Java/JavaWeb/Alert/select.html");
        WebElement element = driver.findElement(By.cssSelector("#ShippingMethod"));
        //创建选择框对象
        Select select = new Select(element);
        //根据文本选择
        select.selectByVisibleText("UPS1 ==> $12.51");
        Thread.sleep(2000);
        //通过属性值选择
        select.selectByValue("11.61");
        Thread.sleep(2000);
        //根据序号选择
        select.selectByIndex(3);
        Thread.sleep(2000);
        driver.quit();

    }

前端代码：

<html>
    <body>
        <select id="ShippingMethod"
            onchange="updateShipping(options[selectedIndex]);" name="ShippingMethod">
            <option value="12.51">UPS1 ==> $12.51</option>
            <option value="11.61">UPS2  ==> $11.61</option>
            <option value="10.69">UPS3  ==> $10.69</option>
            <option value="9.03">UPS4  ==> $9.03</option>
            <option value="8.34">UPS5  ==> $8.34</option>
            <option value="9.25">USPS1  ==> $9.25</option>
            <option value="7.45">USPS2 ==> $7.45</option>
            <option value="3.20" selected="">USPS First Class ==> $3.20</option>
        </select>
    </body>
</html>

下拉框：

8、上传文件

sendKeys("文件路径+文件");

driver.findElement(By.id("load")).sendKeys("D:\\CCL\\Documents\\Chrome");

9、无头模式

浏览器的参数设置要在创建浏览器对象之前

无头模式就是程序在后台运行，桌面不显示

    //无头模式
    void paramsControl(){
        ChromeOptions options = new ChromeOptions();
        options.addArguments("-headless");
        ChromeDriver driver = new ChromeDriver(options);
        
    }

好啦，我们下期见咯~

龙洋静

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
【Selenium】十分钟手把手带你学会WebDriver API

元素定位是自动化测试的核心，想要去操作一个对象，第一步就是需要我们先去识别这个对象。如何知道使用某种定位元素方式时，该属性的名称【例如：上述代码中为什么是"#kw"、"#su"】，以百度首页举例：鼠标放在右侧指定的代码上，右击：这就是各个属性的名称，选择自己要使用的复制即可~
复制链接

扫一扫