轻松自动化

来源：互联网发布：仿真抢专卖店军用淘宝编辑：程序博客网时间：2024/04/28 23:16

本节要解决的问题：

层级定位

场景：

假如两个控件，他们长的一模样，还都叫“张三”，唯一的不同是一个在北京，一个在上海，那我们就可以通过，他们的城市，区，街道，来找到他们。

在实际的测试中也经常会遇到这种问题：页面上有很多个属性基本相同的元素，现在需要具体定位到其中的一个。由于属性基本相当，所以在定位的时候会有些麻烦，这时候就需要用到层级定位。先定位父元素，然后再通过父元素定位子孙元素。

<html>    <head>        <meta http-equiv="content-type" content="text/html;charset=utf-8" />        <title>Level Locate</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" />            </head>    <body>        <h3>Level locate</h3>        <div class="span3">                    <div class="well">                <div class="dropdown">                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Link1</a>                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dropdown1" >                        <li><a tabindex="-1" href="#">Action</a></li>                        <li><a tabindex="-1" href="#">Another action</a></li>                        <li><a tabindex="-1" href="#">Something else here</a></li>                        <li class="divider"></li>                        <li><a tabindex="-1" href="#">Separated link</a></li>                    </ul>                </div>                            </div>                    </div>        <div class="span3">                    <div class="well">                <div class="dropdown">                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Link2</a>                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" >                        <li><a tabindex="-1" href="#">Action</a></li>                        <li><a tabindex="-1" href="#">Another action</a></li>                        <li><a tabindex="-1" href="#">Something else here</a></li>                        <li class="divider"></li>                        <li><a tabindex="-1" href="#">Separated link</a></li>                    </ul>                </div>                            </div>                    </div>    </body>    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script></html>

将这段代码保存复制到记事本中，将保存成level_locate.html文件，（注意，这个页面需要和我们的自动化脚本放在同一个目录下）浏览器打开：

这里自制了一个页面，上面有两个文字链接，点击两个链接会弹出一模一样的的两个下拉菜单，这两个菜单的属性基本一样。那么我如何区分找到相应的菜单项呢？

方法如下：

# -*- coding: utf-8 -*-from selenium import webdriverfrom selenium.webdriver.support.ui import WebDriverWaitimport timeimport osdr = webdriver.Firefox()file_path =  'file:///' + os.path.abspath('level_locate.html')dr.get(file_path)#点击Link1链接（弹出下拉列表）dr.find_element_by_link_text('Link1').click()#找到id 为dropdown1的父元素WebDriverWait(dr, 10).until(lambda the_driver: the_driver.find_element_by_id('dropdown1').is_displayed())#在父亲元件下找到link为Action的子元素menu = dr.find_element_by_id('dropdown1').find_element_by_link_text('Action')#鼠标定位到子元素上webdriver.ActionChains(dr).move_to_element(menu).perform()time.sleep(2)dr.quit()