Selenium2(WebDriver)总结(三)---元素定位方法

 元素定位的重要性不言而喻,如果定位不到元素谈何操作元素呢,webdrvier提供了很多种元素定位方法,如ID,Name,xpath,css,tagname等。

例如需要定位如下元素:

<input class="input_class" type="text" name="passwd" id="passwd-id" /> 

  • By.id:        WebElement element = driver.findElement(By.id("passwd-id"));
  • By.name:      WebElement element = driver.findElement(By.name("passwd"));
  • By.className      WebElement element = driver.findElement(By.className("input_class"));
  • By.xpath:      WebElement element =driver.findElement(By.xpath("//input[@id='passwd-id']")); 
  • By.cssSelector     WebElement element = driver.findElement(By.cssSelector(".input_class"));
  • By.linkText:

      //通俗点就是精确查询

      WebDriver driver = new FirefoxDriver();
      driver.get("http://www.baidu.com/"); 
      WebElement element = driver.findElement(By.linkText("百科"));

  • By.partialLinkText:

      //这个方法就是模糊查询
      WebDriver driver = new FirefoxDriver();
      driver.get("http://www.baidu.com/"); 
      WebElement element = driver.findElement(By.partialLinkText("hao"));

  • By.tagName:

      WebDriver driver = new FirefoxDriver();
      driver.get("http://www.baidu.com/");
      String test= driver.findElement(By.tagName("form")).getAttribute("name");
      System.out.println(test); 

 

在这些定位方法中,除开xpath和css,其它的定位方法都很容易理解和掌握如何使用,下面主要总结下xpath和css定位的一些方法和技巧。

 

一、XPATH

1、xpath和css选择器在firefox浏览器中都可以使用firepath插件来验证,如下图,可以选择xpath或css,然后在后面的输入框输入内容进行验证: 

2、xpath常用符号:

  /   表示绝对路径绝对路径是指从根目录开始

  //   表示相对路径

  .   表示当前层

  ..   表示上一层

  *   表示通配符

  @   表示属性

  []   属性的判断条件表达式

 3、xpath常用函数:

  contains ():  //div[contains(@id,'widget')],选择id属性中包含'widget'的div

  text():    //a[text()='hello world'],选择文本值为'hello world'的节点

  last():    选择最后一个

  starts-with():  //div[starts-with(@id,'common')] ,选择id属性中’common’开头的div节点  

  not():    否定

 PS:具体实例可参考我早先的一篇文章:http://www.cnblogs.com/puresoul/archive/2012/08/22/2651595.html

 4、如果以上还无法定位到元素,我们可以试试用xpath轴:

  参考:http://www.w3school.com.cn/xpath/xpath_axes.asp 

 

二、CSS

1、css常用符号:

  #  表示id

  .  表示class

  >  表示子元素,层级

     一个空格也表示子元素,但是是所有的后代子元素,相当于xpath中的相对路径

 

例子:

<div class="input_class" type="text" name="passwd" id="passwd-id" /> 

  #input          选择id为passwd-id的节点

  .input_class        选择class为input_class的节点

  div#passwd-id>input   选择id为passwd-id的div下的所有的input节点

  div#passwd-id input    选择id为passwd-id的div下的所有的input节点

  div.input_class[name='passwd']     选择class为input_class并且name为passwd的节点

  div[name='passwd'][type='text']    选择name为passwd且type为text的节点

时间: 2024-10-10 05:09:51

Selenium2(WebDriver)总结(三)---元素定位方法的相关文章

Selenium webdriver 学习总结-元素定位

webdriver提供了丰富的API,有多种定位策略:id,name,css选择器,xpath等,其中css选择器定位元素效率相比xpath要高些,使用id,name属性定位元素是最可靠,效率最高的一种办法. 1.工具选择:在我们开发测试脚本的过程中各个浏览器给我们也提供了方便定位元素的工具,我比较喜欢使用firefox的firebug工具,也是目前很多开发测试人员比较热衷的选择,原因是firefox是唯一能够集成selenium IDE的浏览器,并且firebug给用户提供了丰富的扩展组件,我

Selenium2+python自动化45-18种定位方法(find_elements)

前言 江湖传言,武林中流传八种定位,其中xpath是宝刀屠龙,css是倚天剑. 除了这八种,其实还有十种定位方法,眼看就快失传了,今天小编让失传已久的定位方法重出江湖! 一.十八种定位方法 前八种是大家都熟悉的,经常会用到的 1.id定位:find_element_by_id(self, id_)2.name定位:find_element_by_name(self, name)3.class定位:find_element_by_class_name(self, name)4.tag定位:find

CSS中的元素定位方法详解

  1.盒模型 盒模型,就是 浏览器为页面中的每个 HTML 元素生成的矩形盒子. 这些盒子们都要按照 可见版式模型(visual formatting model)在页面上排布.可见的页面版式主要由三个属性控制: position 属性. display 属性和 float 属性.其中,position 属性控制页面上元素间的位置关系, display 属性控制元素是堆叠.并排,还是根本不在页面上出现, float 属性提供控制的方式,以便把元素组成成多栏布局. 盒子属性分三组: 边框(bor

Selenium2(WebDriver)总结(五)---元素操作进阶(常用类)

 1.Alert类  Alert是指windows弹窗的一些操作,需要new一个Alert类  driver.switchTo().alert():切换到alert窗口  alert.getText():取得弹窗上面的字符串  alert.accept():点击确定/ok类的按钮,使弹窗消失  alert.dismiss():取消 public void testAlert(){ WebElement element = driver.findElement(By.className("aler

基于优化的链接三元素实战方法剖析

中介交易 SEO诊断 淘宝客 云主机 技术大厅 网站优化有两把利剑,一把是优质内容,另外一把是优质链接.作为网站建设公司或者网站优化人员,只要能够灵活运用好这两把利刃,最终一定会所向披靡战无不胜.优质内容在网站制作中所起到的作用,此前笔者已在<网站优化坚持原创,历练自我更成就价值>.<惟有内容才是成就网站建设与优化的王道>等文中专题论述,这个话题我们暂时搁浅.那么我们今天的重点就是链接,以及相关链接的"关键词"."外部链接"."内部

Selenium2+python自动化6-八种元素元素定位(Firebug和firepath)

前言    自动化只要掌握四步操作:获取元素,操作元素,获取返回结果,断言(返回结果与期望结果是否一致),最后自动出测试报告.本篇主要讲如何用firefox辅助工具进行元素定位. 元素定位在这四个环节中是至关重要的,如果说按学习精力分配的话,元素定位占70%:操作元素10%,获取返回结果10%:断言10%.如果一个页面上的元素不能被定位到,那后面的操作就无法继续了.接下来就来讲webdriver提供的八种基本元素定位方法. 一.环境准备:     1.浏览器选择:Firefox     2.安装

java selenium元素定位大全_java

页面元素定位是自动化中最重要的事情, selenium Webdriver 提供了很多种元素定位的方法.  测试人员应该熟练掌握各种定位方法. 使用最简单,最稳定的定位方法. 阅读目录 自动化测试步骤 定位方法大全 如何定位 通过ID查找元素: By.id() 通过Name查找元素:By.name() 通过TagName查找元素: By.tagName() 通过ClassName 查找元素 By.className 通过LinkText查找元素 By.linkText(); 通过PartialL

selenium2(WebDriver) API

1.1  下载selenium2.0的包 官方download包地址:http://code.google.com/p/selenium/downloads/list 官方User Guide:  http://seleniumhq.org/docs/ 官方API:  http://selenium.googlecode.com/git/docs/api/java/index.html 1.2.1  用webdriver打开一个浏览器 打开firefox浏览器:         WebDrive

JS获取并操作iframe中元素的方法_javascript技巧

JS获取/设置iframe内对象元素.文档的几种方法 1.IE专用(通过frames索引形象定位): 复制代码 代码如下: document.frames[i].document.getElementById('元素的ID'); 2.IE专用(通过iframe名称形象定位): 复制代码 代码如下: document.frames['iframe的name'].document.getElementById('元素的ID'); 以上方法,不仅对iframe适用,对frameset里的frame也同