1.alert弹窗
alert弹窗是前端页面中常见的一种弹窗,会弹出一些需要用户确认的信息,只有用户点击确定或者取消才能关闭,selenium中通过switchTo().alert()下的accept() 确认和dismiss()取消就可以模拟用户实现点击。
前端alert弹窗代码:
<!DOCTYPE html> <html> <head> <Meta charset="utf-8"> <title>alert弹窗</title> <script> function myFunction(){ alert("弹出一个警告框"); } </script> </head> <body> <input type="button" onclick="myFunction()" value="点击" /> </body> </html>
package com.test.selenium; import org.openqa.selenium.Alert; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; /** *alert弹窗 * */ public class App { public static void main( String[] args ) throws InterruptedException{ System.setProperty("webdriver.chrome.bin", "G:/chromedriver.exe"); WebDriver driver = new ChromeDriver(); String url = "G:/70yuanQZ/新建文件夹/1.18/013alink.html"; System.out.printf("访问链接:",url); driver.get(url); driver.manage().window().maximize(); Thread.sleep(3000); driver.findElement(By.xpath("/html/body/input[@type='button']")).click(); Thread.sleep(5000); //获取alert弹窗对象 Alert alert = driver.switchTo().alert(); //点击确认按钮 //alert.accept(); //获取弹窗文本 System.out.println(alert.getText()); //点击忽略或者取消 alert.dismiss(); driver.quit(); System.out.println("执行结束"); } }
2.confirm弹窗
confirm弹窗点击后会有确认和取消两个选项,点击确认会出现确定的场景,点击取消会出现取消的场景。
前端confirm代码:
<!DOCTYPE html> <html> <head> <Meta charset="utf-8"> <title>confirm弹窗</title> </head> <body> <p>点击按钮,显示确认框。</p> <button id='btn' onclick="myFunction()">点击</button> <p id="demo"></p> <script> function myFunction(){ var r=confirm("按下按钮!"); if (r==true){ window.alert("你点击了确认按钮"); } else{ window.alert("你点击了取消按钮"); } } </script> </body> </html>
package com.test.selenium; import org.openqa.selenium.Alert; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; /** *alert弹窗 * */ public class App { public static void main( String[] args ) throws InterruptedException{ System.setProperty("webdriver.chrome.bin", "G:/chromedriver.exe"); WebDriver driver = new ChromeDriver(); String url = "G:/70yuanQZ/新建文件夹/1.18/013alink.html"; System.out.printf("访问链接:",url); driver.get(url); driver.manage().window().maximize(); Thread.sleep(3000); driver.findElement(By.id("btn")).click(); Thread.sleep(5000); //获取alert弹窗对象 Alert alert = driver.switchTo().alert(); //点击确认按钮 alert.accept(); Thread.sleep(5000); //获取弹窗文本 System.out.println(alert.getText()); //点击忽略或者取消 //alert.dismiss(); driver.quit(); System.out.println("执行结束"); } }
3.prompt提示弹窗
这种弹窗一般提示需要手动输入内容才能点击确认。比较前两个弹窗模拟,提示弹窗需要在使用到sendKeys() 方法,数据相关值,不然会报错。
前端代码:
<!DOCTYPE html> <html> <head> <Meta charset="utf-8"> <title>prompt弹窗</title> </head> <body> <button id='btn' onclick="myFunction()">点击</button> <p id="demo"></p> <script> function myFunction(){ var x; var person=prompt("请输入你的名字",""); if (person!=null && person!=""){ x="你好,朋友!请称呼我:" + person ; document.getElementById("demo").innerHTML=x; } } </script> </body> </html>
后端实现代码:
package com.test.selenium; import org.openqa.selenium.Alert; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; /** *prompt提示弹窗 * */ public class App { public static void main( String[] args ) throws InterruptedException{ System.setProperty("webdriver.chrome.bin", "G:/chromedriver.exe"); WebDriver driver = new ChromeDriver(); String url = "G:/70yuanQZ/新建文件夹/1.18/013alink.html"; System.out.printf("访问链接:",url); driver.get(url); driver.manage().window().maximize(); Thread.sleep(3000); driver.findElement(By.id("btn")).click(); Thread.sleep(5000); //获取alert弹窗对象 Alert alert = driver.switchTo().alert(); alert.sendKeys("大白"); Thread.sleep(3000); //获取弹窗文本 System.out.println(alert.getText()); //点击确认按钮 alert.accept(); Thread.sleep(5000); //点击忽略或者取消 //alert.dismiss(); driver.quit(); System.out.println("执行结束"); } }
以上三种弹窗换汤不换药,总结起来就是应用switchTo().alert()下的相关方法,最常用的如下:
accept() 点击确认按钮
dismiss() 点击取消按钮,如果有的话
sendKeys() 输入值,这个 alert\confirm 没有对话框就不能用了,不然会报错
getText() 获取弹窗文本
wait(timeout) 设置超时时间