西安响应式网站建设,交流建设网站,24小时免费更新在线视频,设计网站案例目录
1、打开页面
2、查找页面元素
3、输入文本
4、点击操作
5、提交操作
6、清除文本
7、获取文本、属性
8、获取页面的标题和URL
9、窗口
9.1、设置窗口大小
9.2、窗口切换
9.2.1、为什么需要窗口切换#xff1f;
9.2.2、获取句柄的方式
9.2.3、切换句柄
10、…
目录
1、打开页面
2、查找页面元素
3、输入文本
4、点击操作
5、提交操作
6、清除文本
7、获取文本、属性
8、获取页面的标题和URL
9、窗口
9.1、设置窗口大小
9.2、窗口切换
9.2.1、为什么需要窗口切换
9.2.2、获取句柄的方式
9.2.3、切换句柄
10、屏幕截图
10.1、为什么需要屏幕截图
10.2、屏幕截图应用
11、等待
11.1、强制等待
11.2、隐式等待
11.3、显示等待
12、浏览器导航
12.1、前进、后退、刷新
13.弹窗
13.1、弹窗类型
13.2、处理弹窗的步骤
13.3、示例
14、选择框
14.1、处理步骤
14.2、示例
15、执行脚本
16、文件上传
16.1、使用方式
16.2、示例
17、浏览器参数设置
结语 1、打开页面 在Selenium中通过在ChromeDriver类中的get方法里输入网址即可打开一个页面例如你要打开百度的网址如下代码
ChromeDriver driver new ChromeDriver();
driver.get(https://www.baidu.com/);Ps本文讲的所有API都是基于谷歌浏览器驱动也就是ChromeDriver类下的API~ 2、查找页面元素 在Selenium中在打开页面的情况下通过indElement方法输入By类通过什么方式来定位元素参数即可定位页面元素。
例如定位百度页面的“百度一下”按钮如下代码
driver.findElement(By.cssSelector(#su));//#su就是百度一下的CSS选择器上述栗子中使用的是CSS选择器定位你也可以使用xpath来定位~
详细的如下
By类中最常用的两个定位方法
1. cssSelector()它可以通过css选择器来定位元素推荐使用
2. className()它可以通过xpath来定位元素
xpath如何使用呢
最常用的是用层级的方式来表示 /子级 //跳级为属性
例如谷歌浏览器中的Google标志 这样你就可以拿到这个标签的xpath//*[idlogo] 这便是跳级前面的路径都不显示直接表示属性id“logo”这个标签
或者是xpath://*[idcsdn-copyright-footer]/ul[1]/li[2]/a 这便是一个跳级加子集的方式
值得注意的是我们不要一个一个去推这个子集表示的方式可以直接按照上图的方式进行拷贝xpath路径配合着className()方法使用即可但是有时候赋值selector或者xpath元素不一定是唯一的需要我们进行手动修改到唯一检查的时候通过 ctrl f 即可检查是否唯一这就是为什么我们要对xpath的语法要有一定了解的原因 3、输入文本 在Selenium中使用sendKeys方法即可对你选中的元素进行输入文本但是仅适用于文本文字和内容可以编辑的元素例如在百度页面的搜索框内输入“你好”如下代码
//先使用findElement定位元素(返回一个WebElement类型的元素)再对定位的元素进行输入文本
driver.findElement(By.cssSelector(#kw)).sendKeys(你好); Ps即使反向操作也就是对不可编辑的元素进行操作也不会报错但是不会产生任何实际效果。 4、点击操作 在Selenium中对你定位到的元素使用click方法即可进行鼠标点击操作例如点击百度界面的“百度一下”按钮代码如下
//先使用findElement定位元素(返回一个WebElement类型的元素)再进行click
driver.findElement(By.cssSelector(#su)).click();5、提交操作 提交操作是干什么的实际上就和你按下Enter键的效果是一样的通过submit方法即可实现例如在百度页面通过submit方法实现自动按下回车键如下代码
//先使用findElement定位元素(返回一个WebElement类型的元素)再进行submit
driver.findElement(By.cssSelector(#su)).submit();Psselenium官方不推荐使用submit更推荐click因为可以使用submit的地方click都能代替并且click使用场景更广submit仅适用于表单元素。 6、清除文本 在Selenium中可以使用clear将你定位的元素的文本内容进行清除例如清除百度输入框中的文本如下代码
driver.findElement(By.cssSelector(#kw)).clear();Ps用来频繁的测试是否可以重复输入适用sendKeys输入后在用clear清除、再输入然后清除......。 7、获取文本、属性 在Selenium中通过getText可以获取你定位的元素的文本例如获取百度页面热搜中的文本如下代码 //获取到的文本返回值是一个String类型
String text driver.findElement(By.cssSelector(#hotsearch-content-wrapper li:nth-child(1) a span.title-content-title)).getText();
System.out.println(text);
但如果你要获取“百度一下”这个按钮的文本就无法获取但程序不会报错只是返回一个空字符串因为这个元素它不含文本只有一些属性id、class、type、value......如下F12检查可以看到 所以我们只能获取它的属性那么属性该如何获取呢通过getAttribute方法即可获取到方式和获取文本一样先定位元素再获取例如你要获取class属性那么就是getAttribute(class); 8、获取页面的标题和URL 在Selenium中这个没什么特别要注意的点基础操作直接上代码
System.out.println(driver.getTitle());
System.out.println(driver.getCurrentUrl());9、窗口 9.1、设置窗口大小
在Selenium中可以设置窗口的大小最大化、最小化、全屏窗口、手动设置窗口大小如下代码 //窗口最大化driver.manage().window().maximize();//窗口最小化driver.manage().window().minimize();//全屏driver.manage().window().fullscreen();//手动设置大小(按顺序分别是宽和高)driver.manage().window().setSize(new Dimension(1024, 500));9.2、窗口切换
9.2.1、为什么需要窗口切换
想象这样一个场景我们使用Selenium打开一个网页在从这个网页通过click点击超链接打开另一个网页那么我们继续使用Selenium操作网页时是对刚刚这两个网页中的哪一个网页进行操作实际上还是第一个网页如果你一意孤行还认为是对第二个网页进行操作就有可能引发如下异常找不到该元素 实际上当浏览器每次打开一个标签页的时候都会自动给每个标签页进行标识也叫做“句柄”。 9.2.2、获取句柄的方式
在Selenium中我们有如下两种方式获得句柄 //获取所有标签页的句柄SetString handles driver.getWindowHandles();//获取当前页面的句柄String curHandle driver.getWindowHandle();并且哪个页面对应哪个句柄我们是不可知的例如我打开了两个页面获取句柄并打印如下 9.2.3、切换句柄 //获取当前页面的句柄String curHandle driver.getWindowHandle();//切换到curHandle句柄driver.switchTo().window(curHandle);Ps自动化基本没有需要切换窗口的场景因为要进行测试就直接拿到这个网页的地址即可没必要这样切换 10、屏幕截图 10.1、为什么需要屏幕截图 想象一下程序执行的速度 和 页面渲染的速度 谁快必然是程序执行快那么当代码执行到查找结果页的元素时页面还没有加载完全程序就会报错如下代码 public void test2() {ChromeDriver driver new ChromeDriver();//打开百度页面driver.get(https://www.baidu.com);//在输入框中输入你好driver.findElement(By.cssSelector(#kw)).sendKeys(你好);//点击“百度一下”按钮driver.findElement(By.cssSelector(#su)).click();//点击一个搜索结果driver.findElement(By.cssSelector(#\\31 div div h3 a)).click();driver.close();}报错如下图找不到该元素 解决办法在点击“百度一下”这个按钮以后休眠几秒即可等待页面加载出来。
但是自动化程序执行的速度非常快我们怎么能知道这个地方出了什么问题呢接着往下看~ 10.2、屏幕截图应用
首先需要在pom.xml中导入依赖如下 !-- 保存屏幕截图文件需要用到的包 --dependencygroupIdcommons-io/groupIdartifactIdcommons-io/artifactIdversion2.6/version/dependency
接着如下代码 public void test2() throws IOException {ChromeDriver driver new ChromeDriver();//打开百度页面driver.get(https://www.baidu.com);//在输入框中输入你好driver.findElement(By.cssSelector(#kw)).sendKeys(你好);//点击“百度一下”按钮driver.findElement(By.cssSelector(#su)).click();//屏幕截图(保存现场)File srcfile driver.getScreenshotAs(OutputType.FILE);//FILE表示以文件的形式保存//把截图保存到指定路径下String filename my.png;//没输入路径就是当前项目下FileUtils.copyFile(srcfile, new File(filename));//点击一个搜索结果driver.findElement(By.cssSelector(#\\31 div div h3 a)).click();driver.close();}接着就可以观察到截图如下 这样我们就可以发现原因是由于页面没有加载出来的原因~ Ps保存截图的时候文件名时固定的格式已经存在重名文件程序多次生成的截图都会被同名覆盖为了避免这个情况我们可以将文件名设置为动态的也就是加入时间戳。 11、等待 我们知道程序执行的速度要比浏览器渲染的速度要快很多那么就有可能出现这样一种情况例如当使用自动化打开一个页面后需要选中这个页面中的一个元素但是由于由于执行的太快在页面还没有渲染出来的情况下被选中的元素还没有出现就选中这个元素程序就会报错为了解决这种情况有四种等待方式来解决下面我来讲解一下 11.1、强制等待
强制等待就是通过线程阻塞来进行也就是我们熟知的 Thread.sleep() 这种方式在自动化中会用到但是用的不是很多为什么呢每一个自动化方法就是一个测试用例假设一个用例你设置2s的等待时间那么100个测试用例就是100s效率十分低下而且很大概率在我们设置的等待时间之内页面就已经渲染出来了。 11.2、隐式等待
隐式等待作用于driver的整个生命周期会在你设置的一个时间内反复判断元素是否存在直到元素被找到才停止等待类似于自旋锁的自旋操作若超出时间就执行下一步
例如通过自动化 打开百度网址-输入你好-点击百度一下按钮-点击你好——百度百科整个过程隐式等待如下代码 private ChromeDriver driver new ChromeDriver();public void test1() {//隐式等待——作用driver的整个生命周期直到quit(设置时间为3秒)driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));//打开百度网页driver.get(https://www.baidu.com);//在搜索框输入你好 driver.findElement(By.cssSelector(#kw)).sendKeys(你好);//点击百度一下driver.findElement(By.cssSelector(#su)).click();//点击你好-百度百科;driver.findElement(By.cssSelector(#\\31 div div h3 a)).click();//退出driver.quit();}PsDuration这个类中的等待单位有很多种可以是毫秒、秒、小时...如下 11.3、显示等待
当等待的条件满足后一般用来判断需要等待的元素是否加载出来就继续下一步操作。等不到就一直等如果在规定的时间之内都没找到那么就跳出Exception和隐式等待不同的是显示等待一般作用某一条代码。
例如通过自动化 打开百度网址 - 输入你好 - 点击百度一下按钮 - 显示等待你好——百度百科元素出现 - 点击你好——百度百科如下代码 private ChromeDriver driver new ChromeDriver();public void test2() {//打开百度网页driver.get(https://www.baidu.com);//在搜索框输入你好driver.findElement(By.cssSelector(#kw)).sendKeys(你好);//点击百度一下driver.findElement(By.cssSelector(#su)).click();//显示等待 “你好——百度百科”元素出现new WebDriverWait(driver, Duration.ofSeconds(3)).until(driver-driver.findElement(By.cssSelector(#\\31 div div h3 a)));//退出driver.quit();}Psuntil就表示等待的元素也就是一直等待到xxx元素出现 12、浏览器导航 12.1、前进、后退、刷新
就是通过自动化控制如下三个按钮 例如打开百度 - 输入你好 - 点击百度一下按钮 - 后退到百度主页 - 前进到你好 - 刷新当前网页 如下代码 private ChromeDriver driver new ChromeDriver();public void test3() {//打开百度driver.get(https://www.baidu.com/);//输入框输入你好driver.findElement(By.cssSelector(#kw)).sendKeys(你好);//点击“百度一下”按钮driver.findElement(By.cssSelector(#su)).click();//回退driver.navigate().back();//前进driver.navigate().forward();//刷新driver.navigate().refresh();driver.quit();}13.弹窗 13.1、弹窗类型
共有以下三种弹窗 13.2、处理弹窗的步骤
a将driver对象作用到弹窗上切换到弹窗
driver.switchTo.alert()
b得到弹窗对象后选择 确认/取消/输入文本提示弹窗
确认accept()
取消dismiss()
输入提示弹窗sendKeys() 注意 1.提示弹窗输入文本在页面上是看不到输入文本的执行效果。 2.虽然警告弹窗只有确认按钮但是accept和dismiss都能处理。 3.虽然警告弹窗和确认弹窗都没有输入文本的地方凡是如果要执行alert.sendKeys代码也不会报错。 13.3、示例
a出现提示弹窗进行输入文本并点击确认如下代码 //将driver作用对象切换到弹窗上Alert alert driver.switchTo().alert();//输入文本alert.sendKeys(hello);//点击确认alert.accept();b出现确认弹窗点击取消如下代码 //将driver作用对象切换到弹窗上Alert alert driver.switchTo().alert();//点击取消alert.dismiss();14、选择框 14.1、处理步骤
在Selenium执行自动化的过程中我们知道没法通过F12检查对选择框中的选项进行选择实际上可以通过以下三种方式进行选择
根据文本来选择根据属性值来选择根据序号来选择序号是从0开始的
文本、属性值、序号又是什么呢如下图 注意序号是从上往下从0开始数。 14.2、示例
对一个选择框分别进行文本、属性、序号的选择如下代码 //得到选择框对象WebElement ele driver.findElement(By.cssSelector(#ShippingMethod));//创建选择框对象Select select new Select(ele);//根据文本来进行选择select.selectByVisibleText(UPS Next Day Air $12.51);//根据属性来进行选择select.selectByValue(12.51);//根据序号来进行选择select.selectByIndex(0);15、执行脚本 实际上就是执行js代码
使用方法如下代码
driver.executeScript();//参数是js代码16、文件上传 16.1、使用方式
使用方式很简单如下代码
sendKeys(文件的绝对路径); 16.2、示例
如下场景 例如我要上传D盘下的test.txt文件代码如下 //选择“上传文件按钮”WebElement ele driver.findElement(By.cssSelector(body div div input[typefile]));//上传文件ele.sendKeys(D:\\test.txt);执行效果如下 Ps注意上图中的test.txt文件并不是直接上传到服务器了而是把要上传的文件的绝对路径放在了这里 17、浏览器参数设置 实际的工作中测试人员将自动化部署在机器上自动执行测试人员不会每次都一直盯着自动化执行的过程而是直接查看自动化执行的结果。
ChromeDriver类提供了一个构造参数可以实现以上场景也叫做“无头模式”。
如下代码 ChromeOptions options new ChromeOptions();options.addArguments(-headless);ChromeDriver driver new ChromeDriver(options);Ps浏览器的参数设置需要在创建浏览器对象之前。 结语 如果文章对你有帮助
