Selenium2学习-040-JavaScript弹出框（alert、confirm、prompt）操作演示实例

弹出框是网页自动化测试常见得操作页面元素之一，常见的JavaScript弹出框有如下三种：

1、alert(message)：方法用于显示带有一条指定消息和一个 OK 按钮的警告框。DemoAlert.html 示例代码如下所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <link rel="stylesheet" type="text/css" href="../css/theme.css" charset="utf-8"/>

        <title>元素操作实例-弹出框（警示、提示）</title>

        <script type="text/javascript">

        function op_alert() {

        	alert("这是一个：弹出框（警示、提示）")

        }

        </script>

    </head>

    <body>

        <div>

            <input class="alert" type="button" style="width:200px,height:20px" onclick="op_alert()" value="显示警告框" />

        </div>

    </body>

</html>

2、confirm(message)：方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。DemoConfirm.html示例代码如下所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <link rel="stylesheet" type="text/css" href="../css/theme.css" charset="utf-8"/>

        <title>元素操作实例-确认框（确认、取消）</title>

        <script type="text/javascript">

        function op_confirm() {

            var op = confirm("这是一个确认消息框示例，是否执行删除操作？")

            if(op == true) {

            	document.write("您按下了确认操作键！")

            } else {

            	document.write("你按下了取消操作键！")

            }

        }

        </script>

    </head>

    <body>

        <div>

            <input class="alert" type="button" onclick="op_confirm()" value="显示确认框" />

        </div>

    </body>

</html>

3、prompt(text,defaultText)：方法用于显示可提示用户进行输入的对话框。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <link rel="stylesheet" type="text/css" href="../css/theme.css" charset="utf-8"/>

        <title>元素操作实例-输入提示框</title>

        <script type="text/javascript">

        function op_prompt() {

            var name = prompt("Please enter your name ：", "http://www.cnblogs.com/fengpingfan/")

            if((name == "范丰平" || name == "http://www.cnblogs.com/fengpingfan/") && name != "") {

                document.getElementById('content').innerHTML = "Welcome to my cnblogs : <a href=\"http://www.cnblogs.com/fengpingfan/\">范丰平-博客园</a>"

            } else if (name == "") {

                document.getElementById('content').innerHTML = "Input nothing !"

            } else if (name == null) {

                document.getElementById('content').innerHTML = "Clicked cancel button !"

            } else {

                document.getElementById('content').innerHTML = "<a>Input content is : " + name + "</a>"

            }

        }

        </script>

    </head>

    <body>

        <div id="content">

        </div>

        <div>

            <input class="alert" type="button" onclick="op_prompt()" value="显示输入提示框" />

        </div>

    </body>

</html>

三者需要的 theme.css 文件如下所示：

.alert {

	width: 300px;

	height: 40px;

}

以上三种对话框均可通过 WebDriver 中的 Alert 去操作，操作源代码如下所示：

DemoAlert.java 源码如下所示：

 /**

  * Aaron.ffp Inc.

  * Copyright (c) 2004-2016 All Rights Reserved.

  */

 package ffp.demo.webdriver;

 import org.openqa.selenium.Alert;

 import org.openqa.selenium.By;

 import org.openqa.selenium.WebDriver;

 import org.openqa.selenium.chrome.ChromeDriver;

 import org.testng.annotations.Test;

 /**

  * <strong>元素操作实例-弹出框（警示框、提示框）<br></strong>

  * alert(message) 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。<br>

  * @author Aaron.ffp

  * @version V1.0.0: ffp-demo ffp.demo.webdriver DemoAlert.java, 2016-09-16 10:41:02.118 Exp $

  */

 public class DemoAlert {

     String url = "http://localhost:8080/ffp-demo/res/main/webdriver/DemoAlert.html";

     private WebDriver driver = new ChromeDriver();

     @Test

     public void test_alert() {

         this.driver.manage().window().maximize();

         this.driver.get(this.url);

         this.driver.findElement(By.xpath("//input[@class='alert']")).click();

         Alert alert = this.driver.switchTo().alert();

         System.out.println(alert.getText());

         alert.accept();

         this.driver.quit();

     }

 }

DemoConfirm.java 源码如下所示：

 /**

  * Aaron.ffp Inc.

  * Copyright (c) 2004-2016 All Rights Reserved.

  */

 package ffp.demo.webdriver;

 import org.openqa.selenium.Alert;

 import org.openqa.selenium.By;

 import org.openqa.selenium.WebDriver;

 import org.openqa.selenium.chrome.ChromeDriver;

 import org.openqa.selenium.os.WindowsUtils;

 import org.testng.annotations.Test;

 import com.google.gson.annotations.Until;

 import ffp.demo.core.TestCaseBase;

 /**

  * <strong>元素操作实例-确认框（确认、取消）</strong><br>

  * <br>

  * @author Aaron.ffp

  * @version V1.0.0: ffp-demo ffp.demo.webdriver DemoConfirm.java, 2016-09-16 10:41:45.227 Exp $

  */

 public class DemoConfirm extends TestCaseBase {

     String url = "http://localhost:8080/ffp-demo/res/main/webdriver/DemoConfirm.html";

     private WebDriver driver = new ChromeDriver();

     @Test

     public void test_alert() {

         this.driver.manage().window().maximize();

         this.driver.get(this.url);

         this.driver.findElement(By.xpath("//input[@class='alert']")).click();

         Alert alert = this.driver.switchTo().alert();

         System.out.println(alert.getText());

         alert.accept();

 //        alert.dismiss();

         System.out.println(this.driver.getPageSource().toString());

         this.driver.quit();

     }

 }

DemoPrompt.java 源码如下所示：

 /**

  * Aaron.ffp Inc.

  * Copyright (c) 2004-2016 All Rights Reserved.

  */

 package ffp.demo.webdriver;

 import org.openqa.selenium.Alert;

 import org.openqa.selenium.By;

 import org.openqa.selenium.WebDriver;

 import org.openqa.selenium.chrome.ChromeDriver;

 import org.openqa.selenium.os.WindowsUtils;

 import org.testng.annotations.Test;

 /**

  * <strong>元素操作实例-输入提示框</strong><br>

  * <br>

  * @author Aaron.ffp

  * @version V1.0.0: ffp-demo ffp.demo.webdriver DemoPrompt.java, 2016-09-16 10:44:16.638 Exp $

  */

 public class DemoPrompt {

     String url = "http://localhost:8080/ffp-demo/res/main/webdriver/DemoPrompt.html";

     private WebDriver driver = new ChromeDriver();

     @Test

     public void test_prompt() throws InterruptedException {

         this.driver.manage().window().maximize();

         this.driver.get(this.url);

         this.driver.findElement(By.xpath("//input[@class='alert']")).click();

         Alert prompt = this.driver.switchTo().alert();

         System.out.println(prompt.getText());

         prompt.sendKeys("Selenium3启动Firefox需要geckodriver.exe");

         Thread.sleep(5000);

         prompt.accept();

 //        alert.dismiss();

         Thread.sleep(5000);

         System.out.println(this.driver.getPageSource().toString());

         WindowsUtils.killByName("chromedriver_x86_2.24.exe");

     }

 }

相应的脚本源码文件分享链接：https://yunpan.cn/ckua8gdW5fKYQ 访问密码 e5b2

至此，Selenium2学习-040-JavaScript弹出框（alert、confirm、prompt）操作演示实例 顺利完结，希望此文能够给初学 Selenium 的您一份参考。

最后，非常感谢亲的驻足，希望此文能对亲有所帮助。热烈欢迎亲一起探讨，共同进步。非常感谢！ ^_^

Selenium2学习-040-JavaScript弹出框（alert、confirm、prompt）操作演示实例的更多相关文章

练习：javascript弹出框及地址选择功能,可拖拽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
selenium浏览器弹出框alert 操作
1.简介在WebDriver中要处理JS生成的alert.confirm以及prompt,需要 switch_to.alert() 来选取(定位)警告弹窗,在对弹窗进行关闭.输入等信息操作. 2.操 ...
JavaScript 弹出框
JavaScript 有三种类型的弹出框:警告框.确认框和提示框. 警告框如果要确保信息传递给用户,通常会使用警告框. 当警告框弹出时,用户将需要单击“确定”来继续. 语法 window.alert ...
自动化测试基础篇--Selenium弹出框alert
摘自https://www.cnblogs.com/sanzangTst/p/7685304.html 不是所有的弹出框都叫alert,在使用alert方法前,先要识别出到底是不是alert.先认 ...
弹出框Alert
selenium提供了三个处理alert的方法注意:首先需要切换窗口到alert driver.switch_to.alert() (1)点击确定按钮 driver.switch_to.alert. ...
javascript弹出框打印某个数值时，弹出NaN？（not a number）
一.NaN:表示not a number null 未定义或空字符串 undefined 对象属性不存在或是声明了变量但从未赋值. 二.出现这种情况有(1)此常数的值是零被零除所得到的结果. (2) ...
bootstrap里面的popover组件如何使鼠标移入可以对弹出框进行一系列的操作
在bootstrap里面,有一个组件很可爱,它就是popover,它是对标签title属性的优化,奉上连接一枚:http://docs.demo.mschool.cn/components/popov ...
JavaScript弹出框
confirm(str); 参数说明: str:在消息对话框中要显示的文本返回值: Boolean值返回值: 当用户点击"确定"按钮时,返回true 当用户点击"取消 ...
（十）弹出框Alert与ActionSheet
第一种方式:中间弹窗从中间弹出的窗口称为AlertView. 可以设置多个按钮,取消按钮会放在对右端或者最下端,按钮超过两个,会竖着排列. UIAlertView *alert = [[[UIAle ...
JavaScript 弹出框:警告(alert)、确认(confirm)的简单写法
onclick="javascript:return window.confirm('message')"

随机推荐

jetty 内嵌服务
pom.xml <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncodin ...
在WebApi中集成 Swagger
1. Swagger(俗称:丝袜哥)是什么东西? Swagger 是一个规范和完整的框架,用于生成.描述.调用和可视化 RESTful 风格的 Web 服务.总体目标是使客户端和文件系统作为服务器以同 ...
WinForm 与WPF 窗体之间的想到调用
先放置一个容器控件,并设计好WinForm(或WPF)窗口 winform 调用 wpf ElementHost el = new ElementHost(); el.Dock = DockStyl ...
Linux之CentOS 常用命令
软件安装:安装软件:yum install <名称>移除软件:yum remove <名称>安装软件包:rpm -ivh <包全名>安装ifconfig: yum ...
HTML5编码规范
为每个 HTML 页面的第一行添加标准模式(standard mode)的声明,这样能够确保在每个浏览器中拥有一致的展现. 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展 ...
什么是shell
Shell本身是一个用C语言编写的程序,它是用户使用Linux的桥梁.Shell既是一种命令语言,又是一种程序设计语言.作为命令语言,它交互式地解释和执行用户输入的命令:作为程序设计语言,它定义了各种 ...
【原】iOS学习之控制器的创建
本次博客是一篇总结性质的博客,总结的是各种创建控制器的方式以及一些需要注意的操作. 1.通过storyboard创建控制器正如我上一篇博客中所说,当 Main Interface 没有选定的时候,我 ...
Bulk_Collect 调用方式集锦
事先申明,本文所有示例都皆源于<Expert PL SQL Practices>这本电子书的第六章.小陈觉得在学习PLSQL的过程中,将来或许会用到,在此笔记一番. 正文如下: 首先准备基 ...
Linux crontab 命令格式与详细例子
基本格式 :* * * * * command分时日月周命令第1列表示分钟1-59 每分钟用*或者 */1表示第2列表示小时1-23(0表示0点)第3列表示日期1-31第4列表示月份1-1 ...
oracle 数据库时间差年数、月数、天数、小时数、分钟数、秒数
declare l_start date := to_date('2015-04-29 01:02:03', 'yyyy-mm-dd hh24:mi:ss'); l_end date := to_da ...

Selenium2学习-040-JavaScript弹出框（alert、confirm、prompt）操作演示实例

Selenium2学习-040-JavaScript弹出框（alert、confirm、prompt）操作演示实例的更多相关文章

随机推荐

热门专题