js关闭iframe窗口_[Selenium]24.处理弹窗新式的模态窗口

场景

页面上弹出的对话框是自动化测试经常会遇到的一个问题。很多情况下这个弹出的对话框是一个iframe，处理起来有点麻烦，需要进行switch_to操作. 请参考文章

测试曾哥：[Selenium]23.对话框的处理zhuanlan.zhihu.com

但现在很多前端框架的对话框都是div形式的，这就让我们的处理变得十分简单了。

处理对话框一般会做下面的一些事情

打开对话框
关闭对话框
操作对话框中的元素

代码

modal.html

<html><head><meta http-equiv="content-type" content="text/html;charset=utf-8" /><title>modal</title>      <script type="text/javascript" async="" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />     <script type="text/javascript">$(document).ready(function(){$('#click').click(function(){$(this).parent().find('p').text('try watir-webdriver right now!');});});</script></head><body><h3>modal</h3><div class="row-fluid"><div class="span6">     <!-- Button to trigger modal --><a href="#myModal" role="button" class="btn btn-primary" data-toggle="modal" id="show_modal">Click</a><!-- Modal --><div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="myModalLabel">Modal header</h3></div><div class="modal-body"><p>watir-webdriver is better than slenium-webdriver</p><a href="#" id="click">click me</a></div><div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">Close</button><button class="btn btn-primary">Save changes</button></div></div></div>      </div>        </body><script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script></html>

modal.py

# -*- coding: utf-8 -*-
from selenium import webdriver
from time import sleep
import os
import selenium.webdriver.support.ui as ui
if 'HTTP_PROXY'in os.environ: del os.environ['HTTP_PROXY']dr = webdriver.Chrome()
file_path = 'file:///' + os.path.abspath('modal.html')dr.get(file_path)# 打开对话框
dr.find_element_by_id('show_modal').click()wait = ui.WebDriverWait(dr, 10)
wait.until(lambda dr: dr.find_element_by_id('myModal').is_displayed())# 点击对话框中的链接
# 由于对话框中的元素被蒙板所遮挡，直接点击会报 Element is not clickable的错误
# 所以使用js来模拟click
# 在watir-webdriver中只需要fire_event(:click)就可以了
link = dr.find_element_by_id('myModal').find_element_by_id('click')
dr.execute_script('$(arguments[0]).click()', link)
sleep(2)# 关闭对话框
buttons = dr.find_element_by_class_name('modal-footer').find_elements_by_tag_name('button')
buttons[0].click()dr.quit()

js关闭iframe窗口_[Selenium]24.处理弹窗新式的模态窗口相关推荐

java关闭安全警告_如何禁用Java“安全警告”弹出窗口？
将文本文档放在名为deployment.properties c:\ windows \ sun \ Java \ deployment \ deployment.properties的位置尽管Ja ...
vc 只有顶级窗口可以弹出窗口_如何在Mac上允许弹出窗口
通常,我们尝试避免弹出窗口,但是有时您需要让它们通过.下面这样做的方法. 由于浏览器阻止了弹出窗口,您是否在macOS上遇到网站问题?幸运的是,您可以在计算机上的主要浏览器(例如Safari,Chro ...
jq打开浏览器新窗口_使用jquery实现以post打开新窗口
网络上已有此功能的函数,是以纯JS实现.但是在项目中发现,此函数无法兼容Firefox,由此我重写了此方法. //默认新窗口配置 var windowDefaultConfig = new Objec ...
java获取窗口_如何使用Java获取当前打开的窗口/进程的列表？
最后,使用Java 9+可以使用ProcessHandle:public static void main(String[] args) { ProcessHandle.allProcesses() ...
JQuery Dialog(JS模态窗口,可拖拽的DIV)
JQuery Dialog(JS模态窗口,可拖拽的DIV) 吴剑 2012-08-08 原创文章,转载必需注明出处:http://www.cnblogs.com/wu-jian/ 效果图调用示意图 ...
关于模态窗口(showModalDialog)的专题【收藏】
关于模态窗口(showModalDialog)的专题[收藏] 转自:http://www.cnblogs.com/donnet/articles/1039509.html 1.模态窗口的打开,mode ...
来个模态kuang_关于模态窗口(showModalDialog)的专题【收藏】
转自:http://www.cnblogs.com/donnet/articles/1039509.html 1.模态窗口的打开,model window open 2.模态窗口的关闭,model w ...
javascript模态窗口Demo
不多介绍了,应该见很多了,见过很多网站用的是Jquery的插件,个人觉得不够灵活下面这个Demo支持回调,可以直接引用modalDialog.js使用,不存在任何Jquery的影子 global.j ...
bootstrap模态窗口
模态窗口:模拟的窗口,本质上是<div>,通过设置z-index大小来实现的; 初始时,z-index初始参数是<0,所以不显示: 需要显示时 ...

js关闭iframe窗口_[Selenium]24.处理弹窗新式的模态窗口

场景

代码

js关闭iframe窗口_[Selenium]24.处理弹窗新式的模态窗口相关推荐

最新文章

热门文章