宜配屋

今天以一个表单的自动提交，来进一步学习selenium的用法

练习目标

　　0）运用selenium启动firefox并载入指定页面（这部分可查看本人文章 http://www.cnblogs.com/liu2008hz/p/6958126.html）

　　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）关闭浏览器