软件测试(三)

Web自动化测试

驱动

• web系统的测试前提是需要打开浏览器，通过访问web服务器来对服务器界⾯进⾏⼀系列的操作。程序想要打开web浏览器就需要安装web驱动（即WebDriver)，WebDriver以本地化⽅式驱动浏览器。

安装驱动管理

• WebDriverManager是⼀个开源Java库，以完全⾃动化的⽅式对Selenium WebDriver所需的驱动程序（如chromedriver、geckodriver、msedgedriver等）进⾏管理（即下载、设置和维护），自版本5 WebDriverManager还提供了其他相关功能，如发现本地系统中安装的浏览器的能⼒，构建WebDriver对象（如ChromeDriver、FirefoxDriver、EdgeDriver等）

<dependency>
 <groupId>io.github.bonigarcia</groupId>
 <artifactId>webdrivermanager</artifactId>
 <version>5.8.0</version>
 <scope>test</scope>
</dependency>

Selenium

• selenium是⼀个web⾃动化测试⼯具，selenium中提供了丰富的⽅法供给使⽤者进⾏web⾃动化测试。
• ⼀个简单的web⾃动化示例

1. 安装selenium库

<dependency>
 <groupId>org.seleniumhq.selenium</groupId>
 <artifactId>selenium-java</artifactId>
 <version>4.0.0</version>
</dependency>

2. 使⽤selenium编写代码

public void example_test()
{
 //驱动程序管理的⾃动化
 WebDriverManager.chromedriver().setup();
 ChromeOptions options = new ChromeOptions();
 
 //允许访问所有链接
 options.addArguments("--remote-allow-origins=*");
 
 //1、打开浏览器
 WebDriver driver = new ChromeDriver(options);
 
 //2.输⼊百度⽹址:https://www.baidu.com
 driver.get("https://www.baidu.com");
 
 //3、找到输⼊框并输⼊"迪丽热巴"
 driver.findElement(By.xpath("//*[@id=\"kw\"]")).sendKeys("迪丽热巴");
 //4、找到"百度⼀下"按钮并点击
 driver.findElement(By.xpath("//*[@id=\"su\"]")).click();
 
 //5、关闭浏览器
 driver.quit();
}

selenium+驱动+浏览器的⼯作原理

1. 通过selenium编写的⾃动化脚本代码中在ChromeDriverService中创建⼀个服务
2. 通过创建好的服务打开webdriver，安装在本地的驱动服务IP为localhost，PORT为ChromeDriverService中创建的端⼝号，该服务地址为selenium向webdriver发送请求的服务地址。
3. 向浏览器驱动程序发送HTTP请求，浏览器驱动程序解析请求，打开浏览器，并获得sessionid，如果再次对浏览器操作需携带此id
4. 打开浏览器后，所有的selenium的操作(访问地址，查找元素等)均通过创建好的服务链接到webdriver，然后使⽤execute发送请求
5. 驱动收到请求并对请求进⾏解析，转成浏览器能够解析的脚本并发送给浏览器，浏览器通过请求的内容执⾏对应动作
6. 浏览器再把执⾏的动作结果通过浏览器驱动程序返回给测试脚本

---

⾃动化测试常⽤函数

元素的定位

• web⾃动化测试的操作核心是能够找到⻚⾯对应的元素，然后才能对元素进⾏具体的操作。常见的元素定位方式⾮常多，如id，classname，tagname，xpath，cssSelector,常⽤的主要由cssSelector和xpath。

cssSelector

• 选择器的功能：选中页面中指定的标签元素
• 选择器的种类分为基础选择器和复合选择器，常见的元素定位⽅式可以通过id选择器和⼦类选择器来进行定位。
• 获取"百度一下"的选择器示例：
• 校验是否是选择的元素，可以使用ctrl+F然后搜索刚才得到的元素

xpath

• XML路径语⾔，不仅可以在XML⽂件中查找信息，还可以在HTML中选取节点;xpath使⽤路径表达式来选择xml⽂档中的节点。
• 举例：
  • 获取HTML⻚⾯所有的节点：//*
  • 获取HTML⻚⾯指定的节点: //[指定节点]; 比如： //ul：获取HTML⻚⾯所有的ul节点
  • 获取⼀个节点中的直接⼦节点：/;比如：//span/input,获取span节点下面的所有input节点
  • 获取⼀个节点的⽗节点:..;例如：//input/..,获取input节点的⽗节点
  • 实现节点属性的匹配:[@...];例如：//*[@id='kw']匹配HTML⻚⾯中id属性为kw的节点

操作测试对象

• 点击/提交对象:click()

//找到百度⼀下按钮并点击 
driver.findElement(By.cssSelector("#su")).click();

• 模拟按键输⼊:sendKeys("")

driver.findElement(By.cssSelector("#kw")).sendKeys("输⼊⽂字");

• 清除⽂本内容:clear()

driver.findElement(By.cssSelector("#kw")).sendKeys("我爱游戏");
driver.findElement(By.cssSelector("#kw")).clear();
driver.findElement(By.cssSelector("#kw")).sendKeys("我爱学习");

• 获取⽂本信息:getText()

String bdtext = driver.findElement(By.xpath("//*[@id="title-content"]/span[1]")).getText();
System.out.println("打印的内容是："+bdtext);

• 获取当前⻚⾯标题:getTitle()
• 获取当前⻚⾯URL:getCurrentUrl()

窗口操作

• 当我们⼿⼯测试的时候，我们可以通过眼睛来判断当前的窗⼝是什么，但对于程序来说它是不知道当前最新的窗⼝应该是哪⼀个。对于程序来说它怎么来识别每⼀个窗⼝呢？每个浏览器窗⼝都有⼀个唯⼀的属性句柄（handle）来表⽰，我们就可以通过句柄来切换

切换窗⼝:

1. 获取当前⻚⾯句柄：driver.getWindowHandle();
2. 获取所有⻚⾯句柄：driver.getWindowHandles()
3. 切换当前句柄为最新⻚⾯：

String curWindow = driver.getWindowHandle();
Set<String> allWindow = driver.getWindowHandles();
for( String w : allWindow){
 if(w!=curWindow){
 driver.switchTo().window(w);
 }
}

窗⼝设置大小

• 窗⼝的大小

//窗⼝最⼤化 
driver.manage().window().maximize();
//窗⼝最⼩化 
driver.manage().window().minimize();
//全屏窗⼝ 
driver.manage().window().fullscreen();
//⼿动设置窗⼝⼤⼩ 
driver.manage().window().setSize(new Dimension(1024, 768));

窗⼝切换

//获取所有句柄 
//获取当前停留⻚⾯句柄 
String curWindow = driver.getWindowHandle();
Set<String> allWindow = driver.getWindowHandles();
for( String w : allWindow){
 if(w!=curWindow){
 driver.switchTo().window(w);
 }
}

屏幕截图

• 导包

<dependency>
 <groupId>commons-io</groupId>
 <artifactId>commons-io</artifactId>
 <version>2.6</version>
 </dependency>

File file = ((TakesScreenshot)webDriver).getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(file,new File(filename));

• 代码示例：

//简单版本 
File srcfile = driver.getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(srcfile,new File("my.png"));
//⾼阶版本 
List<String> times = getTime();
String filename ="./src/test/autotest-"+times.get(0)+"/"+str+"-
"+times.get(1)+".png";
File srcfile = driver.getScreenshotAs(OutputType.FILE);
//把屏幕截图放到指定的路径下 
FileUtils.copyFile(srcfile,new File(filename));

关闭窗⼝

driver.close();

• 一旦窗口关闭，则需要重新对driver进行定义

等待

• 通常代码执⾏的速度⽐⻚⾯渲染的速度要快，需要避免因为渲染过慢出现的自动化误报的问题,可以使⽤selenium中提供的三种等待⽅法。

强制等待

Thread.sleep（）

• 优点：使⽤简单，调试的时候⽐较有效
• 缺点：影响运⾏效率，浪费⼤量的时间

隐式等待

• 隐式等待是⼀种智能等待，他可以规定在查找元素时，在指定时间内不断查找元素。如果找到则代码继续执行，直到超时没找到元素才会报错。
• implicitlyWait() 参数：Duration类中提供的毫秒、秒、分钟等方法。
• 隐式等待作⽤域是整个脚本的所有元素。即只要driver对象没有被释放掉（driver.quit()），隐式等待就⼀直生效。

//隐式等待1000毫秒 
driver.manage().timeouts().implicitlyWait(Duration.ofMillis(1000));
//隐式等待5秒 
driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(5));

• 优点：智能等待，作⽤于全局

显示等待

• 显⽰等待也是⼀种智能等待，在指定超时时间范围内只要满⾜操作的条件就会继续执⾏后续代码

WebDriverWait foo = new WebDriverWait(driver, Duration.ofSeconds(3))
foo.until(ExpectedConditions.elementToBeClickable(By.cssSelector("#id")));

• 优点：显⽰等待是智能等待，可以⾃定义显⽰等待的条件，操作灵活
• 缺点：写法复杂

浏览器导航

1. 打开⽹站:

// 更⻓的⽅法 
driver.navigate().to("https://selenium.dev");
// 简洁的⽅法 
driver.get("https://selenium.dev");

2. 浏览器的前进、后退、刷新

driver.navigate().back();
driver.navigate().forward();
driver.navigate().refresh();

弹窗

• 弹窗是在⻚⾯是找不到任何元素的，对于这种情况需要使⽤selenium提供的Alert接⼝。

Alert alert = driver.switchTo.alert();
//确认
alert.accept()
//取消
alert.dismiss()

• 提示弹窗

Alert alert = driver.switchTo.alert();
alert.sendKeys("hello");
alert.accept();
alert.dismiss();

文件上传

• 点击文件上传的场景下会弹窗系统窗⼝，进行⽂件的选择。selenium⽆法识别⾮web的控件，上传⽂件窗⼝为系统⾃带，无法识别窗⼝元素但是可以使⽤sendkeys来上传指定路径的⽂件，达到的效果是⼀样的。

WebElement element = driver.findElement(By.cssSelector("body > div > div > input[type=file]"));
element.sendKeys("D:\\selenium2html\\upload.html");