Python脚本控制的WebDriver 常用操作 <二十> 处理表单元素

时间:2023-03-09 01:51:34
Python脚本控制的WebDriver 常用操作 <二十> 处理表单元素

测试用例场景


  表单对象的操作比较简单,只需要记住下面几点

  • 使用send_keys方法往多行文本框和单行文本框赋值;
  • 使用click方法选择checkbox
  • 使用click方法选择radio
  • 使用click方法点击button
  • 使用click方法选择option,从而达到选中select下拉框中某个具体菜单项的效果

Python脚本


测试用HTML代码:

    <html>
        <head>
            <meta http-equiv="content-type" content="text/html;charset=utf-8" />
            <title>form</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(){
                        $('input[type=submit]').click(function(){
                            alert('watir-webdriver is better than selenium webdriver');
                        });
                });
            </script>
        </head>

        <body>
            <h3>form</h3>
            <div class="row-fluid">
                <div class="span6 well">
                    <form>
                        <fieldset>
                            <legend>Legend</legend>
                            <label class="checkbox">
                                <input type="checkbox"> Check me out
                            </label>

                            <label class="radio">
                                <input type="radio"> select me
                            </label>

                            <label class="select">
                                <select>
                                    <option>0</option>
                                    <option>1</option>
                                    <option>2</option>
                                </select> select one item
                            </label>

                            <input type="submit" class="btn" value="submit" />
                        </fieldset>
                    </form>
                </div>
            </div>
        </body>
        <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    </html>

测试用Python代码:

# coding=gbk
'''
Created on 2013年12月18日

@author: Administrator
'''
from selenium import webdriver
from time import sleep
import os
if 'HTTP_PROXY' in os.environ: del os.environ['HTTP_PROXY']

dr = webdriver.Firefox()
file_path = 'file:///' + os.path.abspath('formtest.html')
dr.get(file_path)

#选中checkbox
dr.find_element_by_css_selector('input[type=checkbox]').click()
sleep(5)

#选中radio
dr.find_element_by_css_selector('input[type=radio]').click()
sleep(5)

#选中下拉菜单的倒数第二个选项
dr.find_element_by_class_name('select').find_elements_by_tag_name('option')[-2].click()
sleep(5)

#点击提交按钮
dr.find_element_by_css_selector('input[type=submit]').click()

sleep(5)
dr.quit()