【Selenium学习】环境搭建 && API学习

目录

一、java+Selenium的环境搭建?

二、认识Selenium

1、什么是自动化? 

2、什么是Selenium? (重点)

3、selenium的工作原理?(重点)

 三、Selenium操作元素API(重点)     

第一部分:操作测试对象

 1、定位元素

方式1:css selector

方式2:xpath

定位元素:findElement

2、submit提交表单

3、text获取元素文本

 4、clear 清除输入的文本内容

 5、等待(重点)

(1)隐式等待 ——>无条件等待,在一个时间段内等待

(2)显示等待 —> 有条件等待

 (3)强制等待 —>无条件等待

7、getCurrentUrl获取url

 8、getTitle获取标题

 9、浏览器最大化

 10、浏览器的前进和后退

11、键盘相关输入 

​12、鼠标操作

13、浏览器滚动条操作

 14、截图

15、浏览器的关闭

16、窗口的切换

第二部分:关于页面操作的API

1、只勾选复选框,不勾选单选框

2、多层框架iframe页面如何操作

3、下拉选项如何操作

4、针对alert弹窗如何操作

5、完成文件的提交


一、java+Selenium的环境搭建?

Windows电脑环境搭建+Chrome浏览器

前置条件:java最低版本要求为8,推荐使用Chrome浏览器。

(1)保证电脑有Chrome浏览器——>查看浏览器的版本:113

 

【Selenium学习】环境搭建 && API学习_第1张图片

(2)下载浏览器驱动

下载链接

【Selenium学习】环境搭建 && API学习_第2张图片

【Selenium学习】环境搭建 && API学习_第3张图片

 (3)配置环境变量:将下载的chromedriver.exe放在Java的安装路径下(java下的bin目录里):

【Selenium学习】环境搭建 && API学习_第4张图片

 同时要在系统中配置环境变量:

【Selenium学习】环境搭建 && API学习_第5张图片

 (4)验证环境是否搭建成功

新创建一个项目,引入依赖:将下述代码放在pom.xml文件里,刷新下载。


        
        
            org.seleniumhq.selenium
            selenium-java
            3.141.59
        

【Selenium学习】环境搭建 && API学习_第6张图片

(5)下载好之后,输入一段测试代码(打开百度),观察是否执行成功。

 public static void main(String[] args) throws InterruptedException {
        ChromeOptions options = new ChromeOptions();
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        webDriver.get("https://www.baidu.com");
    }

成功打开百度页面即安装成功。

【Selenium学习】环境搭建 && API学习_第7张图片

二、认识Selenium

1、什么是自动化? 

自动化:所谓的自动化就是将手工测试转化为代码,让代码代替人工执行测试。

好处:可以提高测试效率,可以提高测试质量。

问题1:自动化测试好还是手工测试好?

没有孰好孰坏,只有适合当前业务的测试类型就是一个好的测试方法。

问题2:自动化测试能否完全代替手工测试?

不能完全代替!因为手工测试可以对我们的软件进行发散的测试,更加灵活。


自动化测试金字塔

【Selenium学习】环境搭建 && API学习_第8张图片

2、什么是Selenium? (重点)

selenium是自动化测试框架,主要针对web项目进行UI自动化测试。

问题1:selenium的特点?

(1)支持多语言:java,python,JS,Ruby,C#...

(2)支持跨平台;一套代码可以在Linux,Mac,Windows上运行;

(3)有丰富的API;

(4)支持多种浏览器:Edge,Chrome,Firefox...

(5)开源。

3、selenium的工作原理?(重点)

【Selenium学习】环境搭建 && API学习_第9张图片

 驱动:就是将浏览器双击打开。

        【首先通过自动化脚本代码运行,创建了一个HTTP请求,因此要有对应的服务器接收,所以webDriver浏览器驱动接收该请求,将该请求解析,获取信息:你是让我打开哪个网页?解析完成之后,通过驱动来让浏览器来执行解析好的命令,此时浏览器就可以执行代码让它做的事情了。因此浏览器并不是直接与代码进行交互,是通过驱动进行的。最后浏览器是否执行成功,将结果发送给驱动,然后驱动再发送给代码,因此可以观察到代码是否执行成功。】


 三、Selenium操作元素API(重点)     

第一部分:操作测试对象

 1、定位元素

方式1:css selector

(1)id选择器

#id值 比如#su

【Selenium学习】环境搭建 && API学习_第10张图片

(2)类选择器 

.类名   比如 .s_ipt

【Selenium学习】环境搭建 && API学习_第11张图片

(3)标签选择器

父标签 子标签 比如span标签  input标签

(4)后代选择器

子选择器和副选择器空格隔开

【Selenium学习】环境搭建 && API学习_第12张图片

方式2:xpath

(1)绝对路径定位

【Selenium学习】环境搭建 && API学习_第13张图片

 /html/body/div[1]/div[1]/div[5]/div/div/form/span[1]/input

(2)相对路径定位:通过//开头

相对路径+索引

【Selenium学习】环境搭建 && API学习_第14张图片 相对路径+元素

【Selenium学习】环境搭建 && API学习_第15张图片

【Selenium学习】环境搭建 && API学习_第16张图片

相对路径+通配符

【Selenium学习】环境搭建 && API学习_第17张图片

相对路径+部分元素定位

【Selenium学习】环境搭建 && API学习_第18张图片

相对路径+文本

【Selenium学习】环境搭建 && API学习_第19张图片

 更推荐使用css定位元素,因为xpath定位元素的方式效率比较低。

定位元素:findElement

实现:打开百度首页并输入“软件测试”并点击“百度一下”按钮。

  public static void main(String[] args) throws InterruptedException {
        test01();
    }

    public static void test01() throws InterruptedException {
        //创建一个驱动
        ChromeOptions options = new ChromeOptions();
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        //打开百度首页
        webDriver.get("https://www.baidu.com");
        //输入“测试软件” #kw是输入框的id
        webDriver.findElement(By.cssSelector("#kw")).sendKeys("软件测试");
        //点击“百度一下”按钮 这个按钮的id是#su
//        webDriver.findElement(By.cssSelector("#su")).click();
        webDriver.findElement(By.xpath("//*[@id=\"su\"]")).click();
        //找到所有查询出来的“软件测试”文案对应的元素-em标签是一种HTML标签,用于在网页中强调某些文字或者短语
        sleep(1000);
        List result = webDriver.findElements(By.cssSelector("em"));
        //对结果判断:如果搜索结果为0,表明测试不通过;否则测试通过
        if(String.valueOf(result.size()).equals(0)){
            System.out.println("测试不通过");
        }else{
            System.out.println("测试通过");
        }

        //打印所有的查询的值
        System.out.println(result.size());
    }

【Selenium学习】环境搭建 && API学习_第20张图片

【Selenium学习】环境搭建 && API学习_第21张图片

2、submit提交表单

submit点击的元素必须放在form表单里,但是click没有要求。

        点击“百度一下”按钮(在form表单里,所以submit和click都可以使用);点击“新闻”按钮,因为这个按钮不在form表单里,所以只能使用click。

【Selenium学习】环境搭建 && API学习_第22张图片

3、text获取元素文本

通过getAttribute实现打印“百度一下”这几个字。

【Selenium学习】环境搭建 && API学习_第23张图片

 

注意:使用getText()

音乐
  内容在标签中间这种形式,可以获取到;

如果是

 音乐
则有可能获取不到。

 4、clear 清除输入的文本内容

在百度输入框:首先输入“音乐”,然后清除掉,重新输入“天气”。

【Selenium学习】环境搭建 && API学习_第24张图片

 5、等待(重点)

selenium的三种等待方式(显示等待,隐式等待,强制等待)简单了解与总结_selenium 等待_Evan.lu的博客-CSDN博客

(1)隐式等待 ——>无条件等待,在一个时间段内等待

        隐式等待是告诉WebDriver去等待一定的时间后去查找元素。默认等待时间是0秒,一旦设置该值,隐式等待是设置该WebDriver的实例的生命周期。implicitlyWait。

【Selenium学习】环境搭建 && API学习_第25张图片

(2)显示等待 —> 有条件等待

        当等待的条件满足后(一般用来判断需要等待的元素是否加载出来),就继续下一步操作。等不到就一直等,如果在规定的时间之内都没找到,那么就跳出Exception。

 (3)强制等待 —>无条件等待

使用方法:time.sleep(delay)

        delay的单位为,delay设置多少秒页面就会等待多少秒(死等),这个方法很容易让线程挂掉,使程序抛异常,所以要慎用此方法。

区别:

相同点:显示等待与隐式等待都属于智能等待;

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

click 点击对象

send_keys 在对象上模拟按键输入

clear 清除对象输入的文本内容

submit 提交

text 用于获取元素的文本信息。

7、getCurrentUrl获取url

打印百度首页地址

【Selenium学习】环境搭建 && API学习_第26张图片

 8、getTitle获取标题

获取百度标题

【Selenium学习】环境搭建 && API学习_第27张图片

 

 9、浏览器最大化

随浏览器窗口的大小进行操作。

【Selenium学习】环境搭建 && API学习_第28张图片

 10、浏览器的前进和后退

先输入软件测试,点击按钮;然后回退到百度首页;最后又跳转到 软件测试页面。

浏览器前进:navigate().back()

浏览器后退:navigate().forward()

【Selenium学习】环境搭建 && API学习_第29张图片

11、键盘相关输入 

先在输入框输入“软件测试”,然后Ctrl A全选,Ctrl X剪切,最后Ctrl V粘贴。Keys.CONTROL+"A"

【Selenium学习】环境搭建 && API学习_第30张图片 12、鼠标操作

搜索框输入“软件测试”后,鼠标移动到“图片”按钮上,右键。

【Selenium学习】环境搭建 && API学习_第31张图片

13、浏览器滚动条操作

浏览器输入框输入“软件测试”,并滑动滚动条到底部。

【Selenium学习】环境搭建 && API学习_第32张图片

 14、截图

【Selenium学习】环境搭建 && API学习_第33张图片

15、浏览器的关闭

【Selenium学习】环境搭建 && API学习_第34张图片

16、窗口的切换

【Selenium学习】环境搭建 && API学习_第35张图片

第二部分:关于页面操作的API

解决办法

1、只勾选复选框,不勾选单选框

public static void main(String[] args) {
        ChromeOptions options = new ChromeOptions();
        options.addArguments("--remote-allow-origins=*");
        WebDriver webDriver = new ChromeDriver(options);
        webDriver.get("http://localhost:63342/TestClass/src/main/Page/test01.html?_ijt=vujpnrbp5grsge6km2ttcgt162&_ij_reload=RELOAD_ON_SAVE");
        //获取input标签下的所有元素
        List webElements = webDriver.findElements(By.cssSelector("input"));
        //遍历
        //如果是checkBox复选框,就点击,;如果是radio就不执行
        for (int i = 0; i < webElements.size(); i++) {
            if(webElements.get(i).getAttribute("type").equals("radio")){

            }else{
                webElements.get(i).click();
            }
        }
    }

【Selenium学习】环境搭建 && API学习_第36张图片

2、多层框架iframe页面如何操作

private static void a02(){
        //1、创建浏览器驱动
        WebDriver webDriver = new ChromeDriver();
        //2、找到网页打开
        webDriver.get("http://localhost:63342/TestClass/src/main/Page/test02.html?_ijt=id3t0m69rupdc57qf2ab70ssl5&_ij_reload=RELOAD_ON_SAVE");
        //3、找到click按钮点击
        //目标在iFrame标签下,直接用findElement会报错
//        webDriver.findElement(By.cssSelector("body > div > div > a")).click(); //报错
        //但是目标元素不在iFrame标签下可以直接获取
//        String s3 = webDriver.findElement(By.cssSelector("body > div > div > h3")).getText();
//        System.out.println(s3);//可以打印出 frame
        //当目标在IFrame下的正确写法
        webDriver.switchTo().frame("f1");//因为查找的click在iFrame的f1下,所以写的f1
        webDriver.findElement(By.cssSelector("body > div > div > a")).click(); 
    }

【Selenium学习】环境搭建 && API学习_第37张图片

3、下拉选项如何操作

通过值或者索引定位到下拉框。

private static void Page03() {
        //1、打开浏览器驱动
        WebDriver webDriver = new ChromeDriver();
        //2、打开网页
        webDriver.get("http://localhost:63342/TestClass/src/main/Page/test03.html?_ijt=5vi46n1ldrqlkan442l34uil5o&_ij_reload=RELOAD_ON_SAVE");
        //3、选择
        Select select = new Select(webDriver.findElement(By.cssSelector("#ShippingMethod")));
//        select.selectByValue("12.51");
        select.selectByIndex(2);// 10.69
    }

【Selenium学习】环境搭建 && API学习_第38张图片

4、针对alert弹窗如何操作

private static void Page04() throws InterruptedException {
        //1、创建驱动
        WebDriver webDriver = new ChromeDriver();
        //2、打开页面
        webDriver.get("http://localhost:63342/TestClass/src/main/Page/test04.html?_ijt=29v295e0m1hh0h158v5hjd1k13&_ij_reload=RELOAD_ON_SAVE");
        webDriver.findElement(By.cssSelector("body > button")).click();
        sleep(1000);
        //3、对alter弹窗进行确定
//        webDriver.switchTo().alert().accept();
        // 对alter窗口进行取消
//        webDriver.switchTo().alert().dismiss();
        //对alter弹窗 输入文字并确定
        webDriver.switchTo().alert().sendKeys("美好的一天");
        webDriver.switchTo().alert().accept();

    }

5、完成文件的提交

private static void Page05() {
        //1、创建驱动
        WebDriver webDriver = new ChromeDriver();
        //2、打开网址
        webDriver.get("http://localhost:63342/TestClass/src/main/Page/test05.html?_ijt=r3ll4mtge8ank0o856jktnofnb&_ij_reload=RELOAD_ON_SAVE");
        //3、找到 “选择文件”的按钮  //4、输入字符串 :字符串表示文件的路径
        webDriver.findElement(By.cssSelector("body > input[type=file]")).sendKeys("D:\\链接.txt");
    }

【Selenium学习】环境搭建 && API学习_第39张图片


【Selenium学习】环境搭建 && API学习_第40张图片

 

 

你可能感兴趣的:(测试学习,selenium,学习,python)