🍃前言
本篇文章将带你领略一下Web自动化测试的魅力，展示一些常见的Web自动化测试常用的函数。
使用的浏览器是 Chrome 浏览器，IDEA编译器，与 Selenium 测试工具
🌲如何实现Web自动化
首先呢，我们Web测试测试前提是需要打开浏览器，通过访问web服务器来对服务器界面进行⼀系列的操作。
对于与手工测试来说，这⼀系列的操作都需要测试⼈员⼿动的，⼀步⼀步的来执行测试。
那么对于自动化动化程序来说，程序如何才能打开浏览器并执行我们预期的操作流程呢？
驱动⼀词应用广泛，同学们都不会陌生
车有了驱动才可以跑起来，计算机有了驱动程序才可以与设备进行通信。
🚩安装驱动管理
WebDriverManager是⼀个开源Java库，以完全⾃动化的⽅式对Selenium WebDriver所需的驱动程序（如chromedriver、geckodriver、msedgedriver等）进⾏管理（即下载、设置和维护），⾃版本5起，WebDriverManager还提供了其他相关功能，如发现本地系统中安装的浏览器的能⼒，构建WebDriver对象（如ChromeDriver、FirefoxDriver、EdgeDriver等）
首先我们创建一个 maven 项目
然后配置pom.xml 中配置文件驱动如下
<dependency> <groupId>io.github.bonigarcia</groupId> <artifactId>webdrivermanager</artifactId> <version>5.8.0</version> <scope>test</scope> </dependency>
🚩Selenium库的安装
有了驱动后，我们还需要借助一个web自动化测试工具selenium
selenium 中提供了丰富的⽅法供给使用者进行web自动化测试
首先我们需要安装 selenium 库，步骤很简单，只需要在pom.xml 引入以下配置即可
<dependency> <groupId>org.seleniumhq.selenium</groupId> <artifactId>selenium-java</artifactId> <version>4.0.0</version> </dependency>
我们先来看一个简单的自动化测试程序
public static void main(String[] args) { //添加浏览器配置 ChromeOptions options = new ChromeOptions(); //1)允许任何来源的远程连接 options.addArguments("--remote-allow-origins=*"); //创建浏览器驱动对象 ChromeDriver driver = new ChromeDriver(options); //访问百度⽹⻚ driver.get("https://www.baidu.com"); //搜索“遇事问春风乄” driver.findElement(By.cssSelector("#kw")).sendKeys("遇事问春风乄"); //找到百度一下并点击 driver.findElement(By.cssSelector("#su")).click(); }
启动该程序后，就会自动访问 chrome 浏览器，并访问百度网页，输入遇事问春风乄后，并点击进行搜索；
🌳自动化常用函数
🚩元素的定位
web自动化测试的操作核心是能够找到页面对应的元素，然后才能对元素进行具体的操作。
常见的元素定位方式⾮常多，如id，classname，tagname，xpath，cssSelector
常用的主要有 cssSelector 和 xpath
🎈cssSelector
选择器的功能：选中页面中指定的标签元素
选择器的种类分为基础选择器和复合选择器，常见的元素定位方式可以通过id选择器和⼦类选择器来进行定位
这里我们可以选中你要操作页面的元素，右键检查，然后它就会定位到你所需要指定的位置，此时再右键选择 copy 就可以copy你想要的标签元素了
🎈xpath
XML路径语言，不仅可以在XML⽂件中查找信息，还可以在HTML中选取节点。
xpath使用路径表达式来选择xml⽂档中的节点
| 语法 | 作用 | 备注 |
| //* | 获取HTML页面所有节点 | |
| //[ ] | 获取HTMl页面指定的节点 | //ul:获取HTMl页面所有的ul节点 |
| / | 获取一个节点的直接节点 | //span/input |
| . . | 获取一个节点的父亲节点 | //input/. . 获取input节点的父亲节点 |
| [@…] | 实现节点属性的匹配 | //*[@id=‘kw’] 匹配HTML页面中id属性位kw的节点 |
| //div/ul/li[3] | 定位到第三个百度热搜标签 |
🚩操作测试对象
获取到了也⾯的元素之后，接下来就是要对元素进行操作了。常见的操作有点击、提交、输⼊、清除、获取⽂本
接下来操作以百度为例
🎈点击/提交对象—click()
driver.findElement(By.cssSelector("#su")).click();
🎈模拟按键输⼊—sendKeys(“”)
driver.findElement(By.cssSelector("#kw")).sendKeys("输⼊⽂字");
🎈清除文本内容—clear()
driver.findElement(By.cssSelector("#kw")).clear();
🎈获取文本信息—getText()
String string = driver.findElement(By.xpath("//*[@id=\"kw\"]")).getText(); System.out.println(string);
🎈获取属性值
getAttribute("属性名称")
🎈获取当前页⾯标题
getTitle()
🎈获取当前页⾯URL
getCurrentUrl()
🚩窗口
🎈获取当前页面句柄：
driver.getWindowHandle();
🎈获取所有页面句柄：
driver.getWindowHandles()
🎈切换当前句柄为最新页面
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));
🎈关闭窗口
driver.close(); 注意：窗⼝关闭后driver要重新定义
🚩等待
通常代码执行的速度比页面渲染的速度要快，如果避免因为渲染过慢出现的⾃动化误报的问题呢？
可以使用selenium中提供的三种等待⽅法：
🎈强制等待
Thread.sleep（）
- 优点：使用简单，调试的时候比较有效
- 缺点：影响运行效率，浪费⼤量的时间
🎈隐式等待
隐式等待是⼀种智能等待，他可以规定在查找元素时，在指定时间内不断查找元素。
如果找到则代码继续执行，直到超时没找到元素才会报错
implicitlyWait（）参数：Duration类中提供的毫秒、秒、分钟等方法
//隐式等待1000毫秒 driver.manage().timeouts().implicitlyWait(Duration.ofMillis(1000)); //隐式等待5秒 driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(5));
隐式等待作用域是整个脚本的所有元素。即只要driver对象没有被释放掉（driver.quit()），隐式等待就⼀直⽣效。
优点：智能等待，作⽤于全局
🎈显示等待
显示等待也是⼀种智能等待，在指定超时时间范围内只要满足操作的条件就会继续执行后续代码
WebDriverWait foo = new WebDriverWait(driver, Duration.ofSeconds(3)) foo.until(ExpectedConditions.elementToBeClickable(By.cssSelector("#id")));
- 优点：显示等待是智能等待，可以⾃定义显⽰等待的条件，操作灵活
- 缺点：写法复杂
🚩浏览器导航
🎈打开网站
// 更⻓的⽅法 driver.navigate().to("https://selenium.dev"); // 简洁的⽅法 driver.get("https://selenium.dev");
🎈浏览器的前进、后退、刷新
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 ele = driver.findElement(By.cssSelector("body > div > div >input[type=file]")); ele.sendKeys("D:\\selenium2html\\selenium2html\\upload.html");
⭕总结
关于《【软件测试】关于Web自动化测试》就讲解到这儿，感谢大家的支持，欢迎各位留言交流以及批评指正，如果文章对您有帮助或者觉得作者写的还不错可以点一下关注，点赞，收藏支持一下
