界面自动化

[界面自动化代码操作](http://192.168.3.13:8081/rendj/testdemo.html)

界面自动化_第1张图片
image.png

[]

package com.guoyasoft.autoUI.firstDemo;

import com.guoyasoft.autoUI.common.BaseUI;
import java.util.List;
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.interactions.Action;
import org.openqa.selenium.interactions.Actions;
import org.openqa.selenium.support.ui.Select;
import org.testng.annotations.Test;

public class MyUITest3 extends BaseUI {
  /*@Test
   public void testNavigate(){
     //打开网页
     driver.get("http://www.baidu.com");
     sleep(1000);
     // 使用导航栏打开京东网页
     driver.navigate().to("http://www.jd.com");
     sleep(1000);
     //导航栏后退
     driver.navigate().back();
     sleep(1000);
     //导航栏前进
     driver.navigate().forward();
     sleep(1000);
     //导航栏刷新
     driver.navigate().refresh();
     sleep(1000);
   }
   */
  @Test
  public void testText(){
    driver.get("http://192.168.3.13:8081/rendj/testdemo.html");
    sleep(1000);
//元素定位
    WebElement test = driver.findElement(By.id("edit"));
    //清空
    test.clear();
    //赋值
    test.sendKeys("我是谁我在那");
    //等待1秒
    sleep(1000);

  }
  @Test
  public void testFile(){
    driver.get("http://192.168.3.13:8081/rendj/testdemo.html");
    sleep(1000);
    WebElement file = driver.findElement(By.name("attach[]"));
    file.sendKeys("G:\\swagger.txt");
    sleep(1000);
  }
  @Test
  public void testRadio(){
    driver.get("http://192.168.3.13:8081/rendj/testdemo.html");
    sleep(2000);
    //定位元素 定位到了多个 findElment后面加个s
    List radios = driver.findElements(By.name("company"));
    //List容器 WebElement类型 变量 radios
    // findElements 定位元素 定位到了多个 前面用s
    for(int i=0;i checkboxs = driver.findElements(By.name("course"));
    for(int i=0;i checkboxs = driver.findElements(By.name("course"));
    //for循环 声明 WebElement类 checkbox变量
    //每循环一次从容器checkboxs里面取值
    for (WebElement checkbox:checkboxs) {
      checkbox.click();// 点击
      sleep(2000);
    }

  }
  @Test
  //
  public void testRadio1(){
    driver.get("http://192.168.3.13:8081/rendj/testdemo.html");
    sleep(2000);
    List testRadios = driver.findElements(By.name("company"));
    for(int i=0;i

引用一下小吴小吴老师的
webdriver基础知识汇总

一、打开chrome浏览器

1. 安装chrome浏览器

2. 下载控制chrome的驱动器

chrome的版本和chromedriver的版本对应关系和下载地址
https://blog.csdn.net/huilan_same/article/details/51896672

存放路径:
/工程名/src/main/resources/selenium/driver/chromedriver.exe

3. 下载selenium的jar包

pom.xml添加dependency


    
        
        
            org.seleniumhq.selenium
            selenium-java
            2.50.0
        

        
        
            org.testng
            testng
            6.8
        
    


4. 新建java类,启动浏览器

自写的类——>selenium——>chromedriver.exe——>chrome浏览器

        //此处src前面没有"/",说明是相对工程根目录的路径
        System.setProperty("webdriver.chrome.driver",
        "src/main/resources/selenium/driver/chromedriver.exe");
        WebDriver driver = new ChromeDriver();

如果要窗口最大化,先设置参数,启动的时候传入

        //设置环境变量,指定chromedriver的路径
        System.setProperty("webdriver.chrome.driver",
                "src/main/resources/selenium/driver_v236_63_65/chromedriver.exe");

        //设置浏览器的参数
        ChromeOptions options = new ChromeOptions();
        //最大化浏览器
        options.addArguments("--test-type", "--start-maximized");
        //指定浏览器位置
            //options.setBinary("C:/XXXXXXX/chrome.exe");
        //打开浏览器
        WebDriver driver = new ChromeDriver(options);

常见报错原因:

  1. 浏览器和chromedriver版本不一致
  2. 防火墙导致无法访问chrome浏览器,关闭防火墙

5. 关闭浏览器

        //先线程休眠3秒,便于观察,然后才关闭,不然启动就关闭像闪退
        try {
            Thread.sleep(3000);
        } catch (InterruptedException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        //关闭浏览器,driver.close()是关闭当前窗口
        driver.quit();

sleep()方法:

    public static void sleep(int millis) {
        try {
            Thread.sleep(millis);
        } catch (InterruptedException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }

二、地址栏和导航(前进、后退、刷新)

1. get()方法打开

        driver.get("http://www.baidu.com");

2. navigate().to()打开

driver.navigate().to("http://www.dangdang.com");

3. navigate导航

        // 1\. 先打开一个界面
        driver.navigate().to("http://www.baidu.com");

        //2\. to()方法再打开另一个界面
        driver.navigate().to("http://www.dangdang.com");
        sleep(2000);
        //3\. back()回退
        driver.navigate().back();
        sleep(2000);
        //4\. forward()前进
        driver.navigate().forward();
        sleep(2000);
        //5\. refresh()刷新
        driver.navigate().refresh();

三、4种常见方式定位元素

元素包含信息:

  1. 标签
  2. 属性
  3. 内容
  4. 位置

1. 按id属性定位元素

        WebElement alertButton = driver.findElement(By.id("alertButtonId"));

2. 按name属性定位元素

        WebElement alertButton = driver.findElement(By.name("alertButtonName"));

3. 按class定位元素

        WebElement buttons = driver.findElements(By.className("alertButtonClass"));

4. 使用xpath定位

1)自动化处理的对象:标签(也称为元素)

java html
WebElement元素类 标签(如html、body、head、table、input、tr、alert弹出框等等)

2) 标签

  1. 标签名
  2. 标签的属性
    • 为了定位标签的属性:id、name、class、type
    • 为了产生交互效果的属性:触发事件,可以指定触发后要执行的方法
  3. 要标识的数据:标签都是为了描述数据的

2)xpath:选择html标签

符号 用途 示例
/ 绝对路径 /html/body/table/tbody/tr/td/input
// 相对路径 //body/table//input
标签名 html的所有标签 //input
[] 限定t条件 //input[@id='xxxid' and @type='button']
数字 指定匹配到的第几个 //input[3]
@属性名=属性值 通过属性限定条件
函数() 通过函数限定条件
and/or 连接多个条件
WebElement alertButton = driver.findElement(
            By.xpath("//input[@id='alertButtonId' and @type='button']"));

四、常见元素的基本操作

0. 界面模板


    
        导航栏
        

    

    
        xxxxxx替换元素代码xxxxxxx
    



1. text文本框

界面:


自动化代码

sendkeys()传要填的内容

        WebElement text=
        driver.findElement(By.xpath("//input[@type='text' and @id='edit']"));
        text.clear();
        text.sendKeys("傻不傻?傻!");

2. file文件上传

界面:


自动化代码

找到元素,sendkeys()传文件路径

        WebElement input=
        driver.findElement(By.xpath("//input[@type='file' and @name='attach[]']"));
        input.clear();
        input.sendKeys("C:/HtmlWeb/selenium/html_00_summary.html");

3. radio单选框

界面:
  


自动化代码

input元素,类型是raidio,name相同的多个radio类型的input组成选项,靠value进行区分

选择具体某个选项,并选择:

        WebElement radio=
        driver.findElement(
                By.xpath("//input[@type='radio' and @name='company' and @value='Mi']"));
        radio.click();

所有选项都点一遍:

        List radios=
        driver.findElements(By.xpath("//input[@type='radio' and @name='company']"));
        for(int i=0;i

4. checkbox多选框

界面:



自动化代码

input元素,类型是checkbox,name相同的多个checkbox类型的input组成选项,靠value进行区分

选择具体某一个选项,并选择:

        WebElement checkbox=
        driver.findElement(
                By.xpath("//input[@type='checkbox' and @name='course' and @value='web']"));
        checkbox.click();

所有选项都勾选:

        List checkboxs=
        driver.findElements(
                By.xpath("//input[@type='checkbox' and @name='course']"));
        for(int i=0;i

5. 时间控件

界面:


自动化代码

先写JavaScript代码,然后通过driver执行js
js第一句是将只读属性去掉(若时间没设只读,则不需要)
js第二句是给时间元素设置value属性,值为“2018-04-10”

String js="document.getElementsByName('startTime')[0].removeAttribute('readOnly');document.getElementsByName('startTime')[0].setAttribute('value','2018-04-10');";
        JavascriptExecutor jsDriver = (JavascriptExecutor) driver;
        jsDriver.executeScript(js);

6. button按钮

界面:


自动化代码

找到元素,click()点击

        WebElement button=
        driver.findElement(By.xpath("//input[@type='button' and @id='alertButtonId']"));
        button.click();
        Alert alert=driver.switchTo().alert();
        alert.accept();

7. 文本域

界面:

多行多列的输入框



自动化代码
        WebElement textarea=driver.findElement(By.xpath("//textarea[@rows='3']"));
textarea.clear();
textarea.sendKeys(“内容”);

8. img图片

界面:

可点击的图片,都是外面有一层超链接,只是用图片替代了文本
自动化测试的时候,要定位的是
超链接


  


自动化代码
  1. 定位标签
  2. 点击
        WebElement img=driver.findElement(By.xpath("//a[@id='imgA']"));
        img.click();

7. select选择框

界面:

select标签:定义一个下拉框
option选项:定义一个选项,一个下拉框可以有很多个选项,即多个option
option的3个属性:index(选项序号,默认自动加上的)、value选项值、visibleText展现文字

 

自动化代码
  1. 先找select标签
  2. 再找option标签,并选择
    • 把select标签封装成Select对象(封装了找select下面所有option的操作)
    • 通过value、展现文本、序号
        WebElement selectEle=driver.findElement(By.xpath("//select[@id='Selector']"));
        Select select=new Select(selectEle);
        select.selectByIndex(0);
        sleep(1000);
        select.selectByValue("banana");
        sleep(1000);
        select.selectByVisibleText("桔子");
        sleep(1000);

8. a超链接

界面:
Copyright 2017 guoyasoft

自动化代码

定位超链接的3中方法:

  1. 使用xpath
WebElement link=
        driver.findElement(By.xpath("//a[@href='http://www.guoyasoft.com']"));

  1. 使用linkText:按链接的文本精确匹配
WebElement link=driver.findElement(By.linkText("Copyright 2017 guoyasoft"));

  1. 使用partialLinkText:按链接的文本模糊匹配
WebElement baike=driver.findElement(By.partialLinkText("guoyasoft"));

三种点击方式:1、 当前界面打开;2、新的标签页打开;新的窗口打开

直接点击:当前界面打开

        WebElement link=
        driver.findElement(By.xpath("//a[@href='http://www.guoyasoft.com']"));
        link.click();

ctrl+shift+点击:当前浏览器的新标签页打开

        Actions actions=new Actions(driver);
        actions.keyDown(Keys.SHIFT).keyDown(Keys.CONTROL).click(link).perform();

shift+点击:新窗口打开(新开一个浏览器)

        Actions actions=new Actions(driver);
        actions.keyDown(Keys.SHIFT).click(link).perform();

五、alert框切换

界面:
            
                prompt对话框
                
            

javascript:

    function clickbutton() {
            var name = prompt("测试prompt对话框", "");
            if (name != null && name != "") {
                //document.write(name);
                alert(name);
            }
        }

自动化代码
       WebElement clickOnPrompt = driver.findElement(By
               .xpath("//td/input[@name='promptbutton']"));
       clickOnPrompt.click();
               try {
           Thread.sleep(2000);
       } catch (InterruptedException e) {
           e.printStackTrace();
       }   
       Alert prompt = driver.switchTo().alert();
               try {
           Thread.sleep(2000);
       } catch (InterruptedException e) {
           e.printStackTrace();
       }   
       prompt.sendKeys("I love Selenium");
       prompt.accept();
               try {
           Thread.sleep(2000);
       } catch (InterruptedException e) {
           e.printStackTrace();
       }   
       Alert afterAccept = driver.switchTo().alert();
       afterAccept.accept();
           try {
           Thread.sleep(2000);
       } catch (InterruptedException e) {
           e.printStackTrace();
       }   

六、窗口切换

界面:
            
                超链接
                
                    
                    
                    
                
            

自动化代码

核心代码:

  1. driver.getWindowHandle()获取当前窗口句柄
  2. driver.getWindowHandles()获取浏览器所有窗口句柄
  3. driver.switchTo().windows(目标句柄)
  4. 根据窗口的title判断选择的窗口是否正确(先切换控制,再查titile)
    public static void switchToWindow(String windowTitle, WebDriver dr) {
        // 将页面上所有的windowshandle放在入set集合当中
        String currentHandle = dr.getWindowHandle();
        Set handles = dr.getWindowHandles();
        for (String s : handles) {
            dr.switchTo().window(s);
            // 判断title是否和handles当前的窗口相同
            if (dr.getTitle().contains(windowTitle)) {
                break;// 如果找到当前窗口就停止查找
            }
        }
    }

实践测试:

  1. 打开测试界面
  2. 打开京东,切回原窗口
  3. 打开百度,切回原窗口
  4. 打开当当,切回原窗口
    private void testWindow(WebDriver driver, TestSelenium3 test) {
        /*
         * 第1步:打开测试界面
         */
        driver.get("http://127.0.0.1:8081/HtmlWeb/selenium/html_00_summary.html");
        Actions actions = new Actions(driver);

        /*
         * 第2步:点击京东,再切换回原界面
         */
        WebElement jd = driver.findElement(By.xpath("//a[@id='link_jd']"));
        //按顺序点,按顺序放
        actions.keyDown(Keys.SHIFT).keyDown(Keys.CONTROL).click(jd)
                .keyUp(Keys.SHIFT).keyUp(Keys.CONTROL).perform();
        test.mySleep(1000);

        //窗口切换到京东,进行操作,此处不做任何操作
        switchToWindow("京东", driver);
        test.mySleep(1000);

        //切换回原窗口
        switchToWindow("selenium", driver);
        test.mySleep(1000);

        /*
         * 第3步:点击百度,再切换回原界面
         */
        WebElement baidu = driver
                .findElement(By.xpath("//a[@id='link_baidu']"));
        actions.keyDown(Keys.SHIFT).keyDown(Keys.CONTROL).click(baidu)
                .keyUp(Keys.SHIFT).keyUp(Keys.CONTROL).perform();
        actions.click();
        test.mySleep(1000);

        switchToWindow("百度一下,你就知道", driver);
        test.mySleep(1000);

        switchToWindow("selenium", driver);
        test.mySleep(1000);
        /*
         * 第4步:点击当当,再切换回原界面
         */
        WebElement dangdang = driver.findElement(By
                .xpath("//a[@id='link_dangdang']"));
        actions.keyDown(Keys.SHIFT).keyDown(Keys.CONTROL).click(dangdang)
                .keyUp(Keys.SHIFT).keyUp(Keys.CONTROL).perform();
        actions.click();
        test.mySleep(1000);
        switchToWindow("当当", driver);
        test.mySleep(1000);

        switchToWindow("selenium", driver);
        test.mySleep(1000);

    }

七、切换界面框架frame

1. 界面代码

1.1 main.html



iframe测试界面


    
    
        
        
    
    



1.2 top.html



 
    



[图片上传失败...(image-59c914-1540209676324)]

1.3 left.html




    



1.4 right.html






管理页面

该界面用于展示菜单内容



1.5 button.html





    



[图片上传失败...(image-6b3062-1540209676324)]

2. frame测试代码

第1步:打开测试界面

driver.get("http://127.0.0.1:8081/HtmlWeb/selenium/iframe2/main.html");

第2步:找到左边导航frame框

WebElement leftFrame=driver.findElement(By.xpath("//frame[@src='left.html']"));

第3步:切换控制权到frame窗口

driver.switchTo().frame(leftFrame);

第4步:测试frame框里的内容

WebElement baidu=driver.findElement(By.xpath("//a[@href='http://www.baidu.com']"));
            baidu.click();
            test.mySleep(2000);

第5步:将控制窗口切换回原主窗口

driver.switchTo().defaultContent();

第6步:定位右窗口,即点击连接后打开的内容

WebElement rightFrame=driver.findElement(By.xpath("//frame[@src='right.html']"));

第7步:切换到右边的frame窗口

driver.switchTo().frame(rightFrame);

第8步:测试右窗口

            test.mySleep(3000);
            WebElement input=driver.findElement(By.xpath("//input[@id='kw']"));
            input.clear();
            input.sendKeys("果芽软件");

            WebElement submit=driver.findElement(By.id("su"));
            submit.click();
            test.mySleep(2000);

            //定位超链接元素的专用方法(精确和模糊两种,类似id和name选择器)
            WebElement baike=driver.findElement(By.linkText("上海果芽软件科技有限公司_百度百科"));
            //WebElement baike=driver.findElement(By.partialLinkText("果芽软件"));

            baike.click();
            test.mySleep(2000);

八、设置界面加载和元素定位等待时间

1. 线程休眠

        try {
            Thread.sleep(3000);
        } catch (InterruptedException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } 

2. 隐式等待

        //设置界面加载等待时间,全局设置,作用于driver,对所有后续界面加载都有效
        driver.manage().timeouts().pageLoadTimeout(3000, TimeUnit.MILLISECONDS);
        driver.get("http://www.baidu.com");
        //设置元素定位超时等待时间,全局设置,作用于driver,对所有后续元素定位都有效
        driver.manage().timeouts().implicitlyWait(3000, TimeUnit.MILLISECONDS);
        WebElement element=driver.findElement(By.xpath("kw"));

3. 显示等待

        WebDriverWait wait=new WebDriverWait(driver, 2);
        wait.until(new ExpectedCondition() {
            public Boolean apply(WebDriver d) {
                boolean loadcomplete = d.findElement(By.xpath("")).isDisplayed();
                return loadcomplete;
                }
                });

常见错误

界面自动化_第2张图片
image.png

你可能感兴趣的:(界面自动化)