Selenium+Python自动化测试实战(2)元素定位

1.Selenium2 的原理

第一篇分享简单介绍了基于Python开发的Selenium2的环境配置,这篇主要讲一下基本用法。首先讲一下Selenium2的基本原理。基本上知道了这个东西是怎么回事,我们就知道怎么去用它做自动化测试。

与Selenium和Selenium RC不同,Selenium2将浏览器原生的API封装成WebDriver API,可以直接操作浏览器页面里的元素,甚至操作浏览器本身(截屏,窗口大小,启动,关闭,安装插件,配置证书之类的),所以就像真正的用户在操作一样。其实刚开始我们不需要懂Webdriver具体是怎么回事,后面会讲一下Webdriver的API,而现在我们只是要求会用,所以知其然就够了。下面这张图可以简单清晰地讲明Selenium2的逻辑。

WebDriver原理

综上,如果想用Selenium2创造我们的脚本的话,我们需要做一下几件事:

  1. 定位元素
  2. 操作元素
  3. 处理浏览器事件(验证码,警告框等)
  4. 处理系统时间(上传文件,下载文件等)

本篇就先讲如何定位元素。

2.Web元素定位

2.1.Element概念

如果对前端比较了解的话,可以简单将Web界面理解为一个body,而table,element组成了这个body。拿百度主页为例,打开百度主页,点击输入框,右键-》inspect,会看到下面的前端代码:

百度首页元素查看

可以看到,搜索框拥有一个标识:id="kw",至于为什么叫这个,估计百度的开发觉得很cool。那么就可以说,搜索框就是一个element。

2.2定位元素

以搜索框为例,Selenium可以模仿用户的操作,就可以支持在搜索框中输入和删除任意文本。想要操作一个element,就要先定位这个element。可以看到,仅仅搜索框这个element就有id,class,name等多种属性,我们该怎么去定位该元素呢?Selenium又支持几种定位的方法呢?简单总结如下:

  • By id
  • By name
  • By class name
  • By tag name
  • By link
  • By partial link
  • By XPath

2.1通过id定位

以Python为例(以后默认为Python):

find_element_by_id(‘kw‘)

2.2通过name定位

find_element_by_name(‘wd‘)

像搜索按钮就没用name属性,那么我们就不能通过name属性来定位它。如果碰到name属性定位到的元素不唯一,不要忘记改为

find_elements_by_id(‘kname‘)

不然程序肯定会报错,一般id都是唯一的。

2.3通过class name定位

以百度搜索框和搜索按钮为例,下同:

find_element_by_class_name(‘s_ipt‘)

了解前端的亲都会知道,class这种元素一般都不唯一,这时候别忘了

lista=find_element_by_class_name(‘classname‘)

这时候所有class name="classname"的元素都会被捕捉到,并存储在数组lista中。

2.4通过tag name定位

tag是元素的一个基本属性,比如需要输入的元素为input:

find_elements_by_tag_name(‘input‘)

2.5通过link,partial link定位

百度首页

以百度新闻链接为例

find_element_by_link_text(‘新闻‘)

partial link是对link方法的一个补充,假设这个链接有一个很长的名字,"我是一个很长很长很长的链接“:

find_element_by_partial_link_text(‘很长的‘)

或者

find_element_by_partial_link_text(‘链接‘)

2.6通过XPath定位

通过XPath定位是最简单的也是最方便的一种方法,每一个元素在Web页面上有自己的位置,在代码里也有自己的位置。而XPath就表示了它在代码里的绝对路径,也就是说,通过一个绝对地址,肯定找得到这个元素。

一开始自己做脚本的时候傻傻的分析元素的XPath,直到知道了Firefox的超级插件,firebug。下载地址为 https://addons.mozilla.org/zh-CN/firefox/addon/firebug/。

仍然以百度搜索框为例

获取元素XPath

右键通过FireBug查看元素,找到搜索框对应的element,右键就可以复制其XPath,定位的代码为

find_element_by_xpath(‘/html/body/div[2]/div[1]/div/div[1]/div/form/span[1]/input‘)

XPath虽然是很简单的方法,但是不能滥用。像百度首页的代码基本不会更新,自身也属于静态的网页,element的绝对路径基本不会变。如果碰到动态网页或者需要灵活的定位元素,可以尝试相对路径,即元素属性的组合

find_element_by_xpath("//input[@id=‘kw‘]") //其中//表示在某个路径下,一个tag name为input,id为kw的元素

层级与属性结合

假设一个地址为"杭州市西湖区文二路西湖科技大厦",那么我们也可以这样说"西湖区文二路391号",这就是层级与属性结合

find_element_by_xpath("//span[@class=‘bg s_ipt_wr‘]/input")//span[@class=‘bg s_ipt_wr‘]通过class定位到父

逻辑运算符

find_element_by_xpath("//input[@id=‘kw‘ and @class=‘su‘]/span/input")//用and来连接属性定位元素

2.7通过CSS定位

CSS是用来描述HTML和XML文档表现的语言,可以通过CSS选择器绑定页面元素的属性,语法为

find_element_by_css_selector("")

常用的的选择器有

".class"

"#id"

"*"

"element"

"element>element"

"element+element"

"[attribute=value]"

看起来比较抽象,确实一把情况下不怎么使用CSS定位,需要讲的时候我们再举例子,可以参考W3CSchool的例子。

2.8通过By定位元素

其实是WebDriver的另一种写法,传承于Selenium1?觉得没啥用,笔者也没有深究。

find_element(By.ID,"kw")...
时间: 2024-12-18 11:13:58

Selenium+Python自动化测试实战(2)元素定位的相关文章

【转载】【selenium+Python WebDriver】之元素定位

总结: 感谢"煜妃"<Selenuim+Python之元素定位总结及实例说明>和"Huilaojia123"<selenium WebDriver定位元素学习总结>的文章

selenium + python自动化测试unittest框架学习(五)webdriver的二次封装

因为webdriver的api方法很长,再加上大多数的定位方式是以xpath方式定位,更加让代码看起来超级长,为了使整体的代码看起来整洁,对webdriver进行封装,学习资料来源于虫师的<selenium +  python自动化测试>一书. 在与测试用例文件夹同一目录下新建一个文件夹package,用来放置封装方法的模块文件 我们将webdriver二次封装的文件命名为location.py from selenium import webdriver from test_case.pub

selenium+python自动化测试

F12: 右键   选择复制  path 在selenium+python自动化测试(一)–环境搭建中,运行了一个测试脚本,脚本内容如下: from selenium import webdriver import time driver = webdriver.Chrome() driver.get("http://www.baidu.com") print(driver.title) driver.find_element_by_id("kw").send_ke

selenium + python自动化测试unittest框架学习(二)

1.unittest单元测试框架文件结构 unittest是python单元测试框架之一,unittest测试框架的主要文件结构: File >report >all_case.py >test_case >__init__.py >test_case1..... >public >__init__.py >login.py >loginout.py test_case文件夹主要存放测试用例,且测试用例命名以test_开头 public文件夹是test

selenium+python自动化测试--数据驱动

之前selenium+python自动化测试--登录  中,几个账号和密码登录就要写几个用例,感觉很麻烦~,所以下面介绍一下用数据驱动实现不同用例的登录. 话不多说,直接贴代码~~ 文件名称:test_ddtlogin.py import ddt import unittest from selenium import webdriver from common.base import Base testdata = [ {'user':'','psw':'','exp':'请输入手机号码'},

selenium+python自动化测试--读取excel数据

1.excel中数据(注意:数据是纯数字时,要将其设置成文本) 2.读取excel文件函数封装 文件名称:read_excel.py import xlrd class ReadExcel(): def __init__(self, excelPath, sheetName="Sheet1"): self.data = xlrd.open_workbook(excelPath) self.table = self.data.sheet_by_name(sheetName) # 获取第一

关于《Python自动化测试实战》

作者有话说 笔者写这本书的初心是想通过自身经验分享一些在自动化测试领域中的实用技术,能够帮助那些正在从事自动化测试相关工作或者准备转型自动化测试的测试人员.任何一门技术涵盖的知识点都是非常广泛的,可能并不是一本书就能够写完并且讲解清楚.本书没有太多的废话,书中内容都是些实战型的例子,任何读者对着本书中的例子都可以很快上手学习.本书中实战教程属于一气呵成,从头到尾,知识体系版块布局清晰,实操流程表述细致且接地气,可以保证大部分读者在阅读本书时比较轻松.愉悦.并不会像有些书的内容读来读去,知识点分散

《Python自动化测试实战》终于出版!!!

一.为什么会写这本书 1.系统梳理.可以加深对测试知识体系的系统梳理 2.名气.增加个人的名气,比如:面试时,可以很自豪的说,我是xxxx书的作者 3.利他.帮助有需要的学习者更系统.完备的学习和进阶 4.自我价值的实现.看到自己写的书,非常有成就感 5.符合笔者一直遵循的原则:坚持开源.拥抱开源精神 6.打破行业内的一些怪象.写一些真正实用.行业内未曾公开的测试技术 6.年迈之际,回想当年.感动自己,永远热泪盈眶 二.本书封面设计 一本好书,不仅内容要实用.丰富.当然,书外观的设计封面.纸张印

《selenium2 python 自动化测试实战》(8)——定位iframe

我们来看一段最早的代码: # coding: utf-8 from selenium import webdriverfrom time import sleep driver = webdriver.Firefox() driver.get("http://blog.hexun.com/") driver.find_element_by_id("read_btn").click() driver.maximize_window() sleep(3)driver.f