谈谈Selenium中的三种切换之alert

一、如何识别

  • 识别方法：alert中的确定、取消、输入框无法用inspector定位到，当然还有一些特例。

  • alert分为三种

    • alert
    • confirm
    • prompt

  • 分别对应3个js的命令(可在chrome的console面板中调试)

    • alert('确认')

  • confirm('确认或取消')

  • prompt('输入信息后确认或取消')

二、selenium中如何处理

示例的demo_alert.html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>alert</title>

    <script>

        function show_confirm()

            {

            var r=confirm("请选择!");

            if (r==true)

              {

              document.write("你选择了确定!");

              }

            else

              {

              document.write("你选择了取消!");

              }

            }

    </script>

</head>

<body>

    <div id="div1">

        <input type="button" id="alert" value='alert' onclick="alert('欢迎来到松勤软件测试')">

        <input type="button" id="confirm" value='confirm' onclick="show_confirm('请选择你的操作')">

        <input type="button" id="prompt" value='prompt' onclick="var name = prompt('请输入你的名字:');document.write(name)">

    </div>

</body>

</html>
  • 效果如图所示，点击三个按钮会弹出之前说明的3种对话框

selenium的api

  • 首先我们打开这个本地文件

    # 1. 导入selenium的webdriver模块
    
from selenium import webdriver
    
# 2. 打开chrome浏览器
    
driver = webdriver.Chrome()
    
# 3. 打开本地html,如果用firefox打开，需要加上file:///
    
# driver.get(r'file:///D:\demo\demo_alert.html')
    
driver.get(r'D:\demo\demo_alert.html')

alert切换

  • 点击alert元素

    # 4. 点击alert元素(其id属性值为alert ==> <input type="button" id="alert" ...
    
driver.find_element('id','alert').click()

  • 切换并点击确定

    # 弹出alert对话框
    
driver.find_element('id','alert').click()
    
from time import sleep
    
sleep(1)
    
# 5. 切换并点击确定
    
driver.switch_to.alert.accept()

  • sleep需要加，不加的话你看不到效果，实际项目中不建议加

confirm切换

  • 点击confirm元素

    # 4. 点击confirm元素(其id属性值为confirm ==> <input type="button" id="confirm" ...
    
# 弹出confirm对话框
    
driver.find_element('id','confirm').click()

  • 切换并点击确定或取消

    from time import sleep
    
sleep(1)
    
# 5. 切换并点击取消
    
driver.switch_to.alert.dismiss()
    
# 如果要点击确定
    
# driver.switch_to.alert.accept()

  • 在打开的网页中你能看到

    你选择了取消!

prompt切换

  • 点击prompt元素

    # 4. 点击prompt元素(其id属性值为prompt ==> <input type="button" id="prompt" ...
    
# 弹出prompt对话框
    
driver.find_element('id','prompt').click()

  • 切换并输入内容

    from time import sleep
    
sleep(1)
    
# 5. 切换并输入内容
    
driver.switch_to.alert.send_keys('hello world')

  • 此时观察网页，你会发现，并没有如预期般输入内容

  • 如果你继续，点击确定

    # 6. 切换并点击确定
    
driver.switch_to.alert.accept()

  • 你会在网页中看到

    hello world

  • 说明实际是写的，但在chrome中弹出的prompt对话框中并不能看到这个信息

  • 如果换成firefox是可以看到效果的，完整代码如下

    from selenium import webdriver
    
driver = webdriver.Firefox()
    
driver.get(r'file:///D:\demo\demo_alert.html')
    
driver.find_element('id','prompt').click()
    
from time import sleep
    
sleep(1)
    
driver.switch_to.alert.send_keys('hello world')
    
driver.switch_to.alert.accept()

另外一种切换方式Alert

  • selenium还提供了另外一种方式来操作alert类型元素

    from selenium.webdriver.common.alert import Alert

Alert(driver).accept()  # 跟driver.switch_to.alert.accept()是等价的

  • 依次类推

    Alert(driver).dismiss()
    
Alert(driver).send_keys('hello')

稳定的切换

  • 由于涉及到弹窗，总是会有不稳定的情况出现，这时候显式等待就可以发挥它的作用了

    # ... 前面的代码不写了
    
driver.find_element('id','alert').click()
    
from time import sleep
    
sleep(1)
    
from selenium.webdriver.support.wait import WebDriverWait
    
from selenium.webdriver.support import expected_conditions as EC
    
WebDriverWait(driver,5,0.5).until(EC.alert_is_present()).accept()

  • 你需要有一定的显式等待基础

源码说明

  • alert_is_present

    class alert_is_present(object):
    
    """ Expect an alert to be present."""
    
    def __init__(self):
    
        pass

    def __call__(self, driver):
    
        try:
    
            alert = driver.switch_to.alert
    
            return alert  # 正常捕获到alert的话，返回的是driver.switch_to.alert，所以显式等待后就直接用.accept()
    
        except NoAlertPresentException:
    
            return False

  • driver.switch_to.alert点击alert

        @property
    
    def alert(self):  # 方法
    
        """
    
        Switches focus to an alert on the page.

        :Usage:
    
            alert = driver.switch_to.alert
    
        """
    
        alert = Alert(self._driver) # 本质还是用的Alert()
    
        alert.text # 不知道他要这个做啥
    
        return alert

三、补充说明

  • 打开iqiyi.com你可能会看到这样的弹出框，这个并非alert，虽然他也无法用inspector找到元素。这种弹框的处理要用selenium提供的option禁止显示

  • 我司提供的一个案例：点击confirm(elementUI风格)按钮，你用inspector移动到元素上就能看到这个元素的属性，说明就不是一个alert

  • 一个同学提供的素材：弹出框也不是网页的元素，但这也不是alert。

谈谈Selenium中的三种切换之alert的更多相关文章

  1. selenium中的三种等待方式（显示等待WebDriverWait()、隐式等待implicitly()、强制等待sleep()）---基于python

    我们在实际使用selenium或者appium时,等待下个等待定位的元素出现,特别是web端加载的过程,都需要用到等待,而等待方式的设置是保证脚本稳定有效运行的一个非常重要的手段,在selenium中 ...

  2. 关于selenium中的三种等待方式与EC模块的知识

    1. 强制等待 第一种也是最简单粗暴的一种办法就是强制等待sleep(xx),强制让闪电侠等xx时间,不管凹凸曼能不能跟上速度,还是已经提前到了,都必须等xx时间. 看代码: 1 2 3 4 5 6 ...

  3. selenium中的三种等待方式

    1.强制等待,采用的time.sleep,然后后面加上要等待的时间: 2.隐性等待implicitly_wait,隐性等待设定后,会对之后的所有代码生效,会在设定的时间之内,不停的去查找元素,如果找到 ...

  4. Hive中的三种不同的数据导出方式介绍

    问题导读:1.导出本地文件系统和hdfs文件系统区别是什么?2.带有local命令是指导出本地还是hdfs文件系统?3.hive中,使用的insert与传统数据库insert的区别是什么?4.导出数据 ...

  5. （java）selenium webdriver学习---三种等待时间方法：显式等待，隐式等待，强制等待

    selenium webdriver学习---三种等待时间方法:显式等待,隐式等待,强制等待 本例包括窗口最大化,刷新,切换到指定窗口,后退,前进,获取当前窗口url等操作: import java. ...

  6. 简单谈谈Python中的几种常见的数据类型

    简单谈谈Python中的几种常见的数据类型 计算机顾名思义就是可以做数学计算的机器,因此,计算机程序理所当然地可以处理各种数值.但是,计算机能处理的远不止数值,还可以处理文本.图形.音频.视频.网页等 ...

  7. Java三大框架之——Hibernate中的三种数据持久状态和缓存机制

    Hibernate中的三种状态   瞬时状态:刚创建的对象还没有被Session持久化.缓存中不存在这个对象的数据并且数据库中没有这个对象对应的数据为瞬时状态这个时候是没有OID. 持久状态:对象经过 ...

  8. Asp.Net中的三种分页方式

    Asp.Net中的三种分页方式 通常分页有3种方法,分别是asp.net自带的数据显示空间如GridView等自带的分页,第三方分页控件如aspnetpager,存储过程分页等. 第一种:使用Grid ...

  9. httpClient中的三种超时设置小结

    httpClient中的三种超时设置小结   本文章给大家介绍一下关于Java中httpClient中的三种超时设置小结,希望此教程能给各位朋友带来帮助. ConnectTimeoutExceptio ...

  10. MySQL buffer pool中的三种链

    三种page.三种list.LRU控制调优 一.innodb buffer pool中的三种页 1.free page:从未用过的页 2.clean page:干净的页,数据页的数据和磁盘一致 3.d ...

随机推荐

  1. JAVA 用分苹果来理解本题

    思路 其实这是一道非常经典的分苹果问题:有m个一样的苹果和n个一样的盘子,把苹果放盘子里,每个盘子允许0-m个苹果,求问有多少种分法? 与本题的共通之点在于,输入的正整数可以看成m个苹果,拆分出的加数 ...

  2. 硬核！Apache Hudi Schema演变深度分析与应用

    1.场景需求 在医疗场景下,涉及到的业务库有几十个,可能有上万张表要做实时入湖,其中还有某些库的表结构修改操作是通过业务人员在网页手工实现,自由度较高,导致整体上存在非常多的新增列,删除列,改列名的情 ...

  3. php zip下载附件到压缩包并浏览器下载

    /** * 下载图片并生成压缩包 * @param $arr 资源数组 * @return string */ function downloadZipImg($arr) {if(is_array($ ...

  4. Day19：属性封装详解

    属性封装详解 封装即隐藏一些数据,让外部不能直接访问,而是需要通过一些方法才能设置或者访问. 首先我们来看未封装的属性被外部调用的情况 public class Students{//创建一个学生类 ...

  5. jmeter中下一接口依赖上一接口的参数，上一个接口存在分页时，如何在下一接口循环读取上一接口的数据？

    问题背景: 工作中性能测试存在接口数据依赖,B接口依赖A接口的数据,希望提取到A接口的数据,传入到B接口,但是A接口存在分页的情况. 如何保证A接口返回的数据未知,且每次从A接口传给B接口的数据不重复 ...

  6. PGL图学习之基于GNN模型新冠疫苗任务[系列九]

    PGL图学习之基于GNN模型新冠疫苗任务[系列九] 项目链接:https://aistudio.baidu.com/aistudio/projectdetail/5123296?contributio ...

  7. 第二章：seaborn调色板

    1.系统默认调色板 1 import seaborn as sns 2 import matplotlib.pyplot as plt 3 4 # 设置画布的大小 5 sns.set(context= ...

  8. day36-ThreadLocal

    ThreadLocal 线程数据共享和安全 1.什么是ThreadLocal? ThreadLocal的作用,可以实现在同一个线程数据共享,从而解决多线程数据安全问题 当http请求发送到Tomcat ...

  9. 下载Font Awesome框架

    目录 一:下载Font Awesome框架 二:如何使用font awesome 1.使用图标等样式,点击复制标签即可,需要嵌套在i标签内 2.点击图标,复制标签,然后粘贴使用即可. 3.动态图片等 ...

  10. 基于.NetCore开发博客项目 StarBlog - (23) 文章列表接口分页、过滤、搜索、排序

    前言 上一篇留的坑,火速补上. 在之前的第6篇中,已经有初步介绍,本文做一些补充,已经搞定这部分的同学可以快速跳过,基于.NetCore开发博客项目 StarBlog - (6) 页面开发之博客文章列 ...