web自动化测试---css方式定位页面元素

  css方式定位的方法也有很多,相较于xpath更灵活一点,下面就介绍下使用方法(以百度输入框为例)

1、通过tag来定位,可以写成如下:

driver.find_element_by_css_selector(‘input‘).click()

这里要说明的是tag为input的必须唯一才能这么写,否则可以用其他方式定位

2、通过id来定位,可以写成如下:

driver.find_element_by_css_selector(‘#kw‘).click()

id前面加个#即可,很简单,也可以和tag组合来写:

driver.find_element_by_css_selector(‘input#kw‘).click()

3、通过class来定位,可以写成如下:

driver.find_element_by_css_selector(‘.s_ipt‘).click()

也很简单,当然也可以和tag组合来写:

driver.find_element_by_css_selector(‘tag.s_ipt‘).click()

4、通过父子关系定位,可以写成如下

driver.find_element_by_css_selector(‘span>input‘).click()

这里是通过tag来做例子,其实对于父节点和子节点来说都可以各自按照1、2、3来写,中间用>来连接即可,这样更能保证元素的唯一性,比如:

driver.find_element_by_css_selector(‘span>input#kw‘).click()

5、还可以通过tag中除了id、class之外的其他属性来定位元素,如输入框通过name属性来定位:

driver.find_element_by_css_selector(‘input[name="wd"]‘).click()

属性可以带值,也可以不带,直接写成如下形式:

driver.find_element_by_css_selector(‘input[name]‘).click()

6、除了5中所示的形式,还可以对属性的值进行过滤,如下:

name属性的值以w开头

driver.find_element_by_css_selector(‘input[name^="w"]‘).click()

name属性的值以d结尾

driver.find_element_by_css_selector(‘input[name$="d"]‘).click()

name属性的值包含w字符

driver.find_element_by_css_selector(‘input[name*="w"]‘).click()

基本上通过上面的css操作都能够唯一确定一个元素,当然也有特殊情况。这个需要具体问题具体对待。

原文地址:https://www.cnblogs.com/watertaro/p/9052869.html

时间: 2024-10-10 00:57:59

web自动化测试---css方式定位页面元素的相关文章

使用CSS选择器定位页面元素

摘录:http://blog.csdn.net/defectfinder/article/details/51734690 CSS选择器也是一个非常好用的定位元素的方法,甚至比Xpath强大.在自动化里我们用CSS选择器来定位页面元素一定要牢记一个准则:唯一定位,通常使用CSS选择器修改样式时会尽量多的选择元素,但是,在自动化里,必须要唯一定位到元素,否则自动化很可能因为找不到页面元素而失败.CSS选择器有很多,像标签选择器.类选择器.ID选择器.关系选择器.伪类选择器.分组选择器等等,但是只需

selenium IDE(五)selenium 命令之定位页面元素

定位页面元素 对于很多selenium命令,target域是必须的.Target在web页面范围内识别UI元素,它使用locatorType=location的格式.在很多情况下,locatorType可以省略,下面举例方式来描述各种类型的locatorType. 假如,有如下一段HTML代码: html> <body> <form id= "loginForm" > <input name= "username" type= &

定位页面元素之xpath详解以及定位不到测试元素的常见问题

一.定位元素的方法 id:首选的识别属性,W3C标准推荐为页面每一个元素设置一个独一无二的ID属性, 如果没有且很难找到唯一属性,解决方法:(1)找开发把id或者name加上.如果不行,解决思路可以是: 1. 找到该按钮的特征,例如按钮的文字是 submit: 2. 用XPath定位,可以这样写://button[@value='submit'].(注意是单引号!!) name:和id一致 ClassName:对某些具有相同类的元素一网打尽的好方法 link text 和 partial lin

请教:日期选择框,selenium如何定位页面元素

请教,下面的html,如何定位页面元素(年.月),试了好多方法都不可以 <div class="inputRow"> <span>购车日期</span> <input id="buyDate" type="hidden" name="buyDate" value="2013-12"> <span id="year__jQSelect0"

定位页面元素

环境准备 安装fitepath 火狐浏览器-工具-附加组件-搜索firepath进行安装   安装firebug插件 火狐浏览器-工具-附加组件-搜索firebug进行安装 firebug定位 打开firebug点击查看页面元素按钮,再点击想要查看的元素,就可以定位到页面元素内容 获取单个页面元素 find_element_by_id find_element_by_name find_element_by_xpath find_element_by_link_text find_element

By.Xpath快速定位页面元素常用方法

先看一看xpath的语法 我们将在下面的例子中使用这个 XML 文档. <?xml version="1.0" encoding="ISO-8859-1"?> <bookstore> <book> <title lang="eng">Harry Potter</title> <price>29.99</price> </book> <book&g

Python selenium根据class定位页面元素

在日常的网页源码中,我们基于元素的id去定位是最万无一失的,id在单个页面中是不会重复的.但是实际工作中,很多前端开发人员并未给每个元素都编写id属性.通常一段html代码如下: 1 <div class="sui-tips s-isindex-wrap sui-tips-exceedtipnews" style="display: none; width: auto;"><div class="sui-tips-arrow"

Python+Selenium 定位页面元素

1.跳转到Frame/Iframe ,再定位元素理解:frame的实质,frame中实际上是嵌入了另一个页面,而webdriver每次只能在一个页面识别,因此需要先定位到相应的frame,对那个页面里的元素进行定位 1.1方法一如果iframe有name或id的话,直接使用switch_to_frame("name值")或switch_to_frame("id值").如下:driver=webdriver.Firefox()driver.get(r'http://w

Web自动化测试 三 ----- DOM对象和元素查找

一.DOM对象 DOM(Document Object Model文档对象模型):将HTML的各种元素映射为JS可访问的对象.HTML文档中的所有内容都是节点,这些东西在HTML中我们称为元素. 整个文档是一个文档节点 每个HTML元素是元素节点 HTML元素的文本是文本节点 每个HTML属性时属性节点 注释是注释节点 DOM时间监听 类似于python中的while循环机制 事件 描述 onclick  用户点击HTML元素 onmouseover  用户在一个HTML元素上移动鼠标 onmo