今天以一个表单的自动提交,来进一步学习selenium的用法
练习目标
0)运用selenium启动firefox并载入指定页面
1)页面元素查找(多种查找方式:find_element_*)
2)内容填充(send_keys)
3)iframe与父页面切换(switch_to_frame是切换到iframe,switch_to_default_content是切换到主页面)
4)浏览器交互处理:window.alert, window.confirm, window.prompt
与上面的三个浏览器交互内容,需要用到switch_to_alert,有几个用法需要注意:
a)accept():发送确定指令,相当于点击“确定”按钮
b)dismiss():取消操作,相当于点击“取消”按钮或点击右上角“关闭”
c)send_keys:填充prompt框需要填写的内容
准备工作
html页面(注册页,内嵌一个注册表单;之所以这样举例,是为了介绍练习selenium的switch_to_frame的用法)
1)注册页面(路径D:\RegisterDEMO\index.htm)
<!DOCTYPE>
<html>
<head>
<title>用户注册</title>
<meta charset="utf-8" />
</head>
<body>
<h3>测试Python selenium自动提交表单</h3>
<iframe id="register_iframe" width="320" height="200" border="0" src="register.htm" />
</body>
</html>
2)注册表单(路径D:\RegisterDEMO\register.htm)
<!DOCTYPE>
<html>
<head>
<title>这是内嵌表单</title>
<meta charset="utf-8" />
<style type="text/css">
input[type='text']{border:1px solid #abc; font-size:14px; padding:5px; width:200px;}
input[type='password']{border:1px solid #abc; font-size:14px; padding:5px; width:200px;}
input[type='submit']{border:1px solid #abc; font-size:14px; padding:5px 10px; width:100px; cursor:pointer; margin-top:20px;}
input[type='submit']:hover{background-color:#aaaaff;}
</style>
</head>
<body>
<form action="/register/regaction" method="POST">
<table>
<tr>
<td>用户名:</td>
<td><input id="txt_account" type="text" value="" placeholder="用户名" /></td>
</tr>
<tr>
<td>密码:</td>
<td><input id="txt_password" type="password" value="" placeholder="密码" /></td>
</tr>
<tr>
<td>电子邮箱:</td>
<td><input id="txt_email" type="text" value="" placeholder="电子邮箱" /></td>
</tr>
<tr>
<td> </td>
<td><input id="btn_register" type="submit" value="提交注册" onclick="return confirm('是否确认提交注册');" /></td>
</tr>
</table>
</form>
</body>
</html>
运行步骤
我们通过Python IDLE一步步来运行,这有助于理解,一步一个操作,惊喜不断
1)引入selenium模块
from selenium import webdriver
2)启动firefox并载入注册页面
bs = webdriver.Firefox()
bs.get('file:///D:/RegisterDEMO/index.htm')
3)查找输入框(用户名、密码、电子邮件)和按钮(提交注册),并填充指定内容
# 由于表单内容是嵌在iframe里的,所以需要查找指向至iframe
# 如果又想跳出iframe,回到父页面,可以使用 bs.switch_to_default_content()
bs.switch_to_frame('register-iframe')
# 由于所有的元素都命名了id,可以使用find_element_by_id,还有很多的其它find_element_*大家可以练习
# 查找用户名框,并填充“hertz.liu"
account = bs.find_element_by_id('txt_account')
account.send_keys('hertz.liu')
# 查找密码框,并填充"pwd123"
pwd = bs.find_element_by_id('txt_password')
pwd.send_keys('pwd123')
# 查找电子邮箱框,并填充”hertz.liu@mail.com"
email = bs.find_element_by_id('txt_email')
email.send_keys('hertz.liu@mail.com')
# 查找提交按钮,并模拟点击提交
btn_reg = bs.find_element_by_id('btn_register')
btn_reg.click()
4)非常顺利的,完成了表单的填充和提交。一般的表单,由于涉及到数据的操作,开发人员都会设置一些二次确认以防止误操作。此处就是用了简单的confirm来进行二次确认,下面是如何让selenium来识别出confirm框,并点击“确定”按钮
# 将查找对象转移至confirm
confirm = bs.switch_to_alert()
# 点击确定按钮
confirm.accept()
# 如果要取消,使用confirm.dismiss()
# 如果是prompt,则可以使用send_keys()先填充内容,再调用accept()或dismiss()
5)关闭浏览器
bs.close()