您现在的位置是:首页 >技术交流 >Selenium的使用网站首页技术交流

Selenium的使用

Cx330810 2024-07-01 11:59:13
简介Selenium的使用

一、基础

1、特点

selenium 是web中基于UI的自动化测试工具,它支持多平台、多语言、多浏览器,还有丰富的API。

2、原理

自动化脚本代码会创建一个http请求发送给浏览器驱动进行解析,浏览器驱动会操控浏览器执行测试,浏览器接着会返回给http server并传给浏览器驱动,浏览器驱动收到后就会把结果返回给脚本。

 二、Selenium API

定位元素

1、CSS selector

1.1、id 选择器(#+id值)

1.2、类选择器(.+类名)

1.3、标签选择器(input 是标签名)

1.4、后代选择器(div form span #kw (子选择器和父选择器纸质件用空格隔开))

2、XPath定位元素

2.1、绝对路径:(以单斜杠“/”开头)

2.2、相对路径:(以双斜杠“//”开头)

(1)相对路径+索引

PS:不加索引的话默认索引为1 

(2)相对路径+元素

(3)相对路径+通配符

(4)相对路径+部分元素定位

(5)相对路径+文本定位

 2.3、xpath 的缺点:定位元素效率很低

(1)性能问题:在匹配大量数据时,XPath 的性能可能会比较低。因为 XPath 是基于遍历文档树来实现节点查找的,所以当文档树非常大时,XPath 可能会导致性能问题。

(2)语法复杂:XPath 语法相对于 CSS Selector 和其他选择器来说比较复杂,需要掌握较多的语法规则才能编写出有效的 XPath 表达式。

(3)对浏览器的支持度较低:在某些浏览器中,XPath 的支持度可能不如 CSS Selector,需要更高版本的浏览器才能支持 XPath。

(4)学习成本较高:XPath 语法比较复杂,需要学习较多的 XPath 规则和操作符,需要花费较多的时间和精力来掌握。

(5)可读性较差:XPath 表达式较为冗长,可读性不如 CSS Selector 和其他选择器。

3、应用

3.1、网页的打开与关闭

private static void test01() {
        ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
        options.addArguments("--remote-allow-origins=*");//允许所有请求
        WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
        webDriver.get("https://www.baidu.com");//打开百度网页
        webDriver.quit();//关闭网页
    }

3.2、定位元素的使用

    private static void test02() throws 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("selenium");//输入内容
//        webDriver.findElement(By.cssSelector("#su")).click();//点击“百度一下”按钮
        //PS:右键-copy-selector,即可自动粘贴得到CSS的定位元素。右键-copy-xpath,即可自动粘贴得到xpath的定位元素。
//        webDriver.findElement(By.xpath("//*[@id="su"]")).click();

        webDriver.findElement(By.cssSelector("#kw")).sendKeys("软件测试");//输入内容
        webDriver.findElement(By.cssSelector("#su")).click();//点击“百度一下”按钮
        webDriver.findElement(By.cssSelector("#su")).submit();
        List<WebElement> webElements = webDriver.findElements(By.cssSelector("em"));//找到所有的“软件测试”文案对应的元素
        sleep(4000);
        if(String.valueOf(webElements.size()).equals("0"))
            System.out.println("测试不通过");
        else System.out.println("测试通过");
    }

3.3、使用 getAttribute( ) 来获取文本元素

    private static void test03() throws InterruptedException {
        ChromeOptions options = new ChromeOptions();//创建对象
        options.addArguments("--remote-allow-origins=*");//允许请求
        WebDriver webDriver = new ChromeDriver(options);//创建驱动
        webDriver.get("https://www.baidu.com");//打开网址        
   
  System.out.println(webDriver.findElement(By.cssSelector("#su")).getAttribute("value"));//获取元素文本
        sleep(3000);

    }

3.4、休眠等待

private static void test05() throws InterruptedException {
        ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
        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("#kw")).click();//点击搜索
        sleep(2000);
        webDriver.findElement(By.cssSelector("#kw")).clear();//清空
    }

3.5、隐式等待

 private static void test06() {
        ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
        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("#kw")).click();//点击搜索
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        webDriver.findElement(By.cssSelector("#kw")).clear();//清空
        webDriver.quit();

    }

3.6、显示等待

private static void test13() throws InterruptedException {
        WebDriver webDriver = new ChromeDriver();
//        webDriver.get("https://www.baidu.com/");
        webDriver.get("http://localhost:63342/Selenium01/src/main/Page/test02.html?_ijt=2vluji84bvnav2oi5ag029tntc&_ij_reload=RELOAD_ON_SAVE");
        sleep(3000);
        WebDriverWait wait = new WebDriverWait(webDriver, 50);
        webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
//        wait.until(ExpectedConditions.titleIs("百度一下,你就知道"));
        wait.until(ExpectedConditions.textToBe(By.cssSelector("h3"), "frame"));
        webDriver.quit();
    }

PS:显示等待和隐式等待:

相同点:都属于只能等待。

区别:隐式等待等待的是页面上的所有元素;显示等待条件满足即可。

3.7、获取当前页面的 url

 private static void test07() {
        ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
        options.addArguments("--remote-allow-origins=*");//允许所有请求
        WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
        webDriver.get("https://www.baidu.com/");//打开百度网页
        String url=webDriver.getCurrentUrl();//获取当前页面的Url
        System.out.println(url);
        System.out.println(webDriver.getCurrentUrl());
        if(url.equals("https://www.baidu.com/"))
            System.out.println("successfully!");
        else System.out.println("failed!");
    }

3.8、获得页面题目

private static void test08() {
        ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
        options.addArguments("--remote-allow-origins=*");//允许所有请求
        WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
        webDriver.get("https://www.baidu.com/");//打开百度网页
        String tittle = webDriver.getTitle();
        if(tittle.equals(("百度一下,你就知道")))
            System.out.println("successfully!");
        else System.out.println("failed!");
        webDriver.quit();

    }

3.9、页面操作

private static void test09() {
        ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
        options.addArguments("--remote-allow-origins=*");//允许所有请求
        WebDriver webDriver = new ChromeDriver(options);//创建一个驱动
        webDriver.get("https://www.baidu.com/");//打开百度网页
        //webDriver.manage().window().maximize();//最大化
        //webDriver.manage().window().fullscreen();//全屏
        //webDriver.manage().window().setSize(new Dimension(500,500));//设置长宽

        webDriver.quit();
    }
private static void test10() throws InterruptedException {
        ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
        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(3000);
        webDriver.navigate().back();//返回上个页面
        sleep(3000);
        webDriver.navigate().forward();//返回下个页面
        sleep(3000);
        webDriver.navigate().refresh();//页面刷新
    }

3.10、键盘操作

private static void test11() throws InterruptedException {
        ChromeOptions options = new ChromeOptions();//创建了一个option对象,用来给请求设置一些参数
        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("#kw")).sendKeys(Keys.CONTROL+"A");//全选
        sleep(3000);
        webDriver.findElement(By.cssSelector("#kw")).sendKeys(Keys.CONTROL+"x");//剪贴
        sleep(3000);
        webDriver.findElement(By.cssSelector("#kw")).sendKeys(Keys.CONTROL+"v");//粘贴
        sleep(3000);
        webDriver.findElement(By.cssSelector("#kw")).sendKeys(Keys.CONTROL+"c");//复制
        sleep(3000);
        webDriver.findElement(By.cssSelector("#su")).click();
    }

3.11、

(1)选择框

private static void page01() {
        // 创建一个浏览器驱动
        WebDriver webDriver = new ChromeDriver();
        // 打开网页
        webDriver.get("http://localhost:63342/demo1/src/main/Page/test01.html?_ijt=cbdunvqogtv9nna66fteho4pe2&_ij_reload=RELOAD_ON_SAVE");
        // 获取到所有的input标签对应的元素
        List<WebElement> webElements = webDriver.findElements(By.cssSelector("input"));
        // 判断每一个input标签里面type值是checkbox进行点击,否则不点击
        for(int i = 0; i < webElements.size(); i++) {
            if(webElements.get(i).getAttribute("type").equals("checkbox")) {
                webElements.get(i).click();
            } else {
            }
        }
    }
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>Checkbox</title>
</head>
<body>
<h3>checkbox</h3>
<div class="well">
    <form class="form-horizontal">
        <div class="control-group">
            <label class="control-label" for="c1">checkbox1</label>
            <div class="controls">
                <input type="checkbox" id="c1" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="c2">checkbox2</label>
            <div class="controls">
                <input type="checkbox" id="c2" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="c3">checkbox3</label>
            <div class="controls">
                <input type="checkbox" id="c3" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="r1">radio</label>
            <div class="controls">
                <input type="radio" id="r1" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="r2">radio</label>
            <div class="controls">
                <input type="radio" id="r2" />
            </div>
        </div>
    </form>
</div>
</body>
</html>

 (2)一个框

private static void page02() {
        // 创建浏览器驱动
        WebDriver webDriver = new ChromeDriver();
        // 打开网页
        webDriver.get("http://localhost:63342/Selenium01/src/main/Page/test02.html?_ijt=2vluji84bvnav2oi5ag029tntc&_ij_reload=RELOAD_ON_SAVE");
        // 找到click元素点击
        webDriver.switchTo().frame("f1");
        webDriver.findElement(By.cssSelector("body > div > div > a")).click();
        // 目标元素不在iframe,可以直接获取
//        String h3_text = webDriver.findElement(By.cssSelector("body > div > div > h3")).getText();
//        System.out.println(h3_text);
    }
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>frame</title>
    <link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />
    <script type="text/javascript">$(document).ready(function(){
    });
    </script>
</head>
<body>
<div class="row-fluid">
    <div class="span10 well">
        <h3>frame</h3>
        <iframe id="f1" src="inner.html" width="800" , height="600"></iframe>
    </div>
</div>
</body>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
</html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>inner</title>
</head>
<body>
<div class="row-fluid">
    <div class="span6 well">
        <h3>inner</h3>
        <iframe id="f2" src="https://www.baidu.com/"
                width="700"height="500"></iframe>
        <a href="javascript:alert('watir-webdriver better than selenium webdriver;')">click</a>
    </div>
</div>
</body>
</html>

(3)下拉框

private static void page03() {
        // 创建浏览器驱动
        WebDriver webDriver = new ChromeDriver();
        // 打开网页
        webDriver.get("http://localhost:63342/demo1/src/main/Page/test02.html?_ijt=hkofpkrsk74h8dbbip255s6dm3&_ij_reload=RELOAD_ON_SAVE");
        // 操作下拉框
        Select select = new Select(webDriver.findElement(By.cssSelector("#ShippingMethod")));
//        select.selectByValue("12.51");
        select.selectByIndex(2);
    }
<html>
<body>
<select id="ShippingMethod" onchange="updateShipping(options[selectedIndex]);" name="ShippingMethod">
    <option value="12.51">UPS Next Day Air ==> $12.51</option>
    <option value="11.61">UPS Next Day Air Saver ==> $11.61</option>
    <option value="10.69">UPS 3 Day Select ==> $10.69</option>
    <option value="9.03">UPS 2nd Day Air ==> $9.03</option>
    <option value="8.34">UPS Ground ==> $8.34</option>
    <option value="9.25">USPS Priority Mail Insured ==> $9.25</option>
    <option value="7.45">USPS Priority Mail ==> $7.45</option>
    <option value="3.20" selected="">USPS First Class ==> $3.20</option>
</select>
</body>
</html>

(4) alert 弹窗操作

private static void page04() throws InterruptedException {
        WebDriver webDriver = new ChromeDriver();
        webDriver.get("http://localhost:63342/demo1/src/main/Page/test04.html?_ijt=hkofpkrsk74h8dbbip255s6dm3&_ij_reload=RELOAD_ON_SAVE");
        webDriver.findElement(By.cssSelector("button")).click();
        sleep(3000);

//        webDriver.switchTo().alert().accept();// alert弹窗确定
//        webDriver.switchTo().alert().dismiss();// alert弹窗取消

        webDriver.switchTo().alert().sendKeys("你好");
        webDriver.switchTo().alert().accept();
    }
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button onclick="Click()">这是一个弹窗</button>
</body>
<script type="text/javascript">
    function Click() {
        let name = prompt("请输入姓名:");
        let parent = document.querySelector("body");
        let child = document.createElement("div");
        child.innerHTML = name;
        parent.appendChild(child)
    }
</script>
</html>

(5)文件上传

private static void page05() {
        WebDriver webDriver = new ChromeDriver();
        webDriver.get("http://localhost:63342/Selenium01/src/main/Page/test05.html?_ijt=tmsdfhdm1lf1ururkjefb479tj&_ij_reload=RELOAD_ON_SAVE");
        // 找到按钮(上传文件的按钮),输入一个字符串
        webDriver.findElement(By.cssSelector("input")).sendKeys("D:\dowloadSoftware\Chrome");
    }
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="file">
</body>
</html>

3.12、浏览器滚动条的操作

private static void test14() throws InterruptedException {

        Duration timeOut = Duration.ofMillis(5000);
        WebDriver webDriver=new ChromeDriver();
        webDriver.get("https://www.baidu.com/");
        webDriver.findElement(By.cssSelector("#kw")).sendKeys("软件");
        webDriver.findElement(By.cssSelector("#su")).click();
        sleep(3000);
        ((JavascriptExecutor)webDriver).executeScript("document.documentElement.scrollTop=10000;");
    }

3.13、浏览器的关闭

close:关闭的是当前页面。不会清除cookie这些信息。

quit:关闭的是浏览器。会清除cookie这些信息。

private static void test16() {
        WebDriver webDriver = new ChromeDriver();
        webDriver.get("https://www.baidu.com/");
        webDriver.findElement(By.cssSelector("#s-top-left > a:nth-child(1)")).click();
        webDriver.close();
    }

    private static void test15() throws InterruptedException, IOException {
        WebDriver webDriver = new ChromeDriver();
        webDriver.get("http://localhost:63342/demo1/src/main/Page/test02.html?_ijt=hkofpkrsk74h8dbbip255s6dm3&_ij_reload=RELOAD_ON_SAVE");
        sleep(5000);
        File src_file = ((TakesScreenshot)webDriver).getScreenshotAs(OutputType.FILE);
        FileUtils.copyFile(src_file, new File("D:\code-bit-2023\test\jietu.png"));
        webDriver.quit();
    }

3.14、窗口切换

private static void test17() {
        WebDriver webDriver = new ChromeDriver();
        webDriver.get("https://www.baidu.com/");
        webDriver.findElement(By.cssSelector("#s-top-left > a:nth-child(1)")).click();
        // 获取到浏览器所有的窗口句柄
        Set<String> handles = webDriver.getWindowHandles();
        String target_handle = "";
        for(String handle:handles) {
            target_handle = handle;
        }
        System.out.println(target_handle);
        webDriver.switchTo().window(target_handle);
        webDriver.findElement(By.cssSelector("#header-link-wrapper > li:nth-child(3) > a")).click();
    }

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。