今天以一个表单的自动提交,来进一步学习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自动提交表单 python 表单自动化_python自动提交表单

运行步骤

  我们通过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()