Python + Selenium（七）- 弹窗的代码封装

浅浅的花香味﹌ 2023-07-03 07:14 15阅读 0赞

### 1.弹窗类型 ###

浏览器的弹窗有三种：  
1.仅为提示弹窗，显示提示信息后点击确定关闭：  
![在这里插入图片描述][20200204091741227.png]  
2.选择“确定”或“取消”按钮关闭的弹窗：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjU5Nzc3_size_16_color_FFFFFF_t_70]  
3.输入文本后点击确定按钮关闭的弹窗：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjU5Nzc3_size_16_color_FFFFFF_t_70 1]

### 2.解决方案 ###

针对以上三种弹窗，都有不同的解决方案。

首先，我们都需要切换到弹窗模块，对弹窗进行操作：

alert_element = driver.switch_to.alert

然后根据类型的不同，有不同的操作代码：

1.  仅是提示框的弹窗，只需要点击确定按钮，即可关闭：

alert_element.accept()

1.  有确定或取消选项的，根据自身需求确定要点击哪个按钮：

# 点击确定按钮
    alert_element.accept()
    # 点击取消按钮
    alert_element.dismiss()

1.  需要输入文字后点击确定按钮

# 向弹窗内发送文字 “test”
    alert_element.send_keys(‘test’)
    alert_element.accept()

### 3. 一个简单的封装 ###

我们将以上的方法封装成一个函数：

def switch_alert(self, option, input_str = None):
            '''
            对系统弹窗做出操作:
            1.只有弹窗，点击确定关闭
            2.有确认或取消两个按钮，选择按钮后关闭
            3.有输入框的弹窗，输入文字后点击确定按钮关闭
            :param option: 点击“确认”或“取消”
            :param input_str: 输入的字符
            '''
            alert = self.driver.switch_to.alert
            if option == 'accept':
                if input_str != None:
                    alert.send_keys(input_str)
                    alert.accept()
                else:
                    alert.accept()
            else:
                alert.dismiss()

最后总结一下：  
如果你对此文有任何疑问，如果你也需要接口项目实战，如果你对软件测试、接口测试、自动化测试、面试经验交流感兴趣欢迎加入：软件测试技术群：**593462778**，群里的免费资料都是笔者十多年测试生涯的精华。还有同行大神一起交流技术哦。

作者：暗潮汹涌  
原创不易，欢迎转载，但未经作者同意请保留此段声明，并在文章页面明显位置给出原文链接。

[20200204091741227.png]: https://img-blog.csdnimg.cn/20200204091741227.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjU5Nzc3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200204091837551.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjU5Nzc3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjU5Nzc3_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200204091918251.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjU5Nzc3,size_16,color_FFFFFF,t_70