Python自动化测试——元素定位

1.selenium简介

Selenium是一个用于Web应用程序测试的工具。Selenium是直接运行在浏览器中，模拟用户操作web界面。支持多平台：windows、linux、MAC ，支持多浏览器：ie、firefox、chrome等浏览器。

2. 启动浏览器

# 导入webdriver模块
from selenium import webdriver
# 创建driver对象，指定Chrome浏览器
driver = webdriver.Chrome()
# 创建driver对象，指定Firefox浏览器
driver = webdriver.Firefox()
# 创建driver对象，指定ie浏览器
driver = webdriver.Ie()

3. 元素定位

为了方便我们查找到相应的元素位置，selenium中的webdriver提供了几种元素定位方式。常用的有以下8种元素定位方式：

find_element_by_id()
find_element_by_name()
find_element_by_class_name()
find_element_by_tag_name()
find_element_by_link_text()
find_element_by_partial_link_text()
find_element_by_xpath()
find_element_by_css_selector()

​现在我也找了很多测试的朋友，做了一个分享技术的交流群，共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源，没人解答问题，坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化，性能，安全，测试开发等等方面有一定建树的技术大牛
分享他们的经验，还会分享很多直播讲座和技术沙龙
可以免费学习！划重点！开源的！！！
qq群号：485187702【暗号：csdn11】

3.1 id和name定位

id和name是我们常用的元素定位方法，在大多数情况下，开发人员为了区分不同的控件，使其取的名称有意义，一般都会使用id和name这两个属性。

比如这两个html代码：

利用html代码中的id和name属性对元素进行定位：

通过id=”username”来定位： driver.find_element_by_id("username") 
通过name=”password”来定位： find_element_by_name("password") 

3.1.1 tag name和class name定位

开发人员除了用id和name两个元素外，还会使用class name和tag name 这样的属性

（1）通过元素中带的class属性对元素进行定位：

通过class=”search”来定位： find_element_by_class_name("search")
通过class=”kw”来定位： find_element_by_class_name("kw") 

（2）通过tag标签名对元素进行定位：

通过
来定位： find_element_by_tag_name("div") 
通过来定位： find_element_by_tag_name("form") 
通过来定位： find_element_by_tag_name("input") 

tag name由于出现的次数太多了，所以一般不用这个来定位元素。

3.1.2 link text与partial link text定位

有时候需要操作的元素是一个文字链接，那么我们可以通过link text或partial link text进行元素定位。

新闻 
贴吧 
知道 

（1）通过link text定位元素：

find_element_by_link_text("新闻")
find_element_by_link_text("贴吧")
find_element_by_link_text("知道") 

（2）通过partial link text来定位：

find_element_by_partial_link_text("新") 
find_element_by_partial_link_text("吧") 
find_element_by_partial_link_text("知") 

对比：这两种定位方式都是通过文字链接来获取所需的元素位置，一般页面上是不会出现两个相同的链接，这种方式也是一种比较简单的定位方式。

3.1.3 XPath定位

XPath是一种在XML文档中定位元素的语言。xpath定位可分为绝对路径定位和相对路径定位。

以一个层级关系页面定位为例：

    

        
            or
        
        

            

                
            
        
    

比如我们要定位输入框input中的元素：

（1）通过绝对路径来定位:

find_element_by_xpath("/html/body/div/div/div/input") 

（2）通过相对路径来定位:

通过自身的id属性定位： find_element_by_xpath("//input[@id=’input’]") 
通过上级目录的id属性定位： find_element_by_xpath("//div[@id=’operate_zn’]/div/div/input") 

对比：当我们很难定位到一个元素时，就可以选择绝对路径和相对路径的方式进行定位，但是绝对路径有一个缺点，就是当元素在很多级目录下时，我们要写很长的路径，而且一旦路径变化，就要修改代码，不利于代码的维护。

3.1.4 CSS定位

CSS定位是一种比较灵活获取控件位置的方式，一般情况下定位速度要比XPath快。CSS使用选择器来为页面元素绑定属性，这些选择器可以被selenium用作另外的定位策略。

CSS选择器常见语法：

 以这个html代码为例：

（1）以#号表示id的属性： find_element_by_css_selector("#kw") 
（2）以.号表示class的属性： find_element_by_css_selector(".s_ipt")
（3）以层级关系来定位属性： find_element_by_css_selector("form#form>span>input") 

这里就举了三个类型，css定位方式比较多，如果有需要的话，可以继续深入学习

总结：

自动化测试中比较重要的其实就是元素定位，也是比较难的。我们可以根据不同的情况，选择比较合适的元素定位方式。虽然XPath和CSS可以定位到复杂的元素，但相对于id/name元素定位来说代码的维护成本要高一点。相对来说，id/name的定位方式是比较容易上手的，很适合新手。