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

一、定位元素的方法

  • id:首选的识别属性,W3C标准推荐为页面每一个元素设置一个独一无二的ID属性,

如果没有且很难找到唯一属性,解决方法:(1)找开发把id或者name加上。如果不行,解决思路可以是:

1. 找到该按钮的特征,例如按钮的文字是 submit;

2. 用XPath定位,可以这样写://button[@value=‘submit‘]。(注意是单引号!!)

  • name:和id一致
  • ClassName:对某些具有相同类的元素一网打尽的好方法
  • link text 和 partial link text: 用在定位超链接上比较多
  • tag name:与class name有点类似,但是结果多个,多用List显示:

    findElement和findElements的区别:

    findElement返回一个元素对象,否则抛出异常。

    findElements返回符合条件的元素List,如果不存在符合条件的元素就返回一个空的List。

  • css selector:熟悉jQuery比较容易定位到,可见  http://saucelabs.com/resources/selenium/css-selectors   。#为class,.为name
  • jQuery:即使用js来执行查询定位,调用JavascriptExecutor类来执行jQuery的find()方法来查找元素,可参照

博主 http://www.cnblogs.com/tobecrazy/p/4817946.html  写的相当详细

  • xpath:以上方式都定位不到的都可以用这种方法,但是记得优化路径,而不是。。。 /html/body/div/div[2]/div[2]/div[2]/div[5]/div/p[2]......性能很差的好么!

xpath缺点:

1. 性能差,定位元素的性能比起大多数其他方法要差;

2. 不够健壮,XPath会随着页面元素布局的改变而改变,可读性差,几乎不能维护

xpath优点:

1. XPath可以通过某个元素找到它的祖先(Ancestors)(”/../” 或者 “ancestor-or-self::book”);

2. 可以做布尔逻辑判断,例如/button[@value=’submit’ or @name=’tijiao’]

二、如何用xpath定位:

定位路径可以是相对路径,也可以是绝对路径。绝对定位路径以一个斜线“/”开头,而相对定位路径则没有。如:/div/input 和 div/input

   第一种方法:通过绝对路径做定位

By.xpath("html/body/div/form/input")
By.xpath("//input")第二种方法:通过元素索引定位 
By.xpath("//input[4]")
第三种方法:使用xpath属性定位(结合第2、第3中方法可以使用),前面用:tagName [@ 属性=‘属性值‘] 表示
By.xpath("//input[@id=‘kw1‘]")
By.xpath("//input[@type=‘name‘ and @name=‘kw1‘]")
第四种方法:使用部分属性值匹配(最强大的方法)
By.xpath("//input[start-with(@id,‘nice‘)
By.xpath("//input[ends-with(@id,‘很漂亮‘)
By.xpath("//input[contains(@id,‘那么美‘)]")
三、定位页面元素常见的问题
1.元素显示有id,但是就是定位不到(不知道为什么,咨询某个群主说是定位原理不一样)换定位方式,如name,xpath,!!!!2.未设置等待时间,未找到元素前就执行操作,导致报错,解决方法:(1)显示等待:就是明确的要等到某个元素的出现或者是某个元素的可点击等条件,等不到,就一直等,除非在规定的时间之内都没找到,那么就跳出Exception
new WebDriverWait(driver, 15).until(
    ExpectedConditions.presenceOfElementLocated(By.cssSelector("css locator"))
);

或者可以这样写

WebDriver driver = new FirefoxDriver();
driver.get( http://somedomain/url_that_delays_loading);
WebElement e = (new WebDriverWait( driver, 10)) .until(
    new ExpectedCondition< WebElement>(){  //等10秒直到找到id元素
        @Override
        public WebElement apply( WebDriver d) {
            return d.findElement( By.id("id locator"));
        }
    }
);
(2)WebDriver会进行一个隐式等待,但参数只有时间,这就导致我需要什么元素出现,我不一定能等到它,只是让driver延迟一段时间再继续而已. 
隐式等待 driver.manage().timeouts().implicitlyWait(1, TimeUnit.SECONDS); 
不过我们也可以把它小小的封装一下:
public boolean isByElementDisplayed(By by, int time) {
    boolean status = false;
    if (driver.findElement(by).isDisplayed() == false) {
        driver.manage().timeouts().implicitlyWait(time, TimeUnit.SECONDS);
    } else {
        status = true;
    }
    return status;
}

(3)线程休眠: Thread.sleep(3000);

3.动态id,建议使用xpath的相对路径定位

4.输入框和按钮组合,输入框输入后没有失去焦点,层级覆盖,导致找不到按钮,设置等待即可!!!!!!

5.iframe框架,时间控件和地图选择控件后续介绍!!!

6.富文本编辑框,内嵌html,如 UEeditor,可使用js,绝对管用

      String text = "你好呀";
             String js = "document.getElementById(‘ueditor_0‘).contentDocument.write(‘" + text + "‘);";
             ((JavascriptExecutor) driver).executeScript(js);

7.最揪心的是模态窗口不知道是个什么鬼。首先不是新开一个窗口,不能用windowshandle定位,另外也没有用iframe框架,再者也不属于弹出框,不能用switchTo去处理,所以这个需要后期请教大神了解。

基本了解到的就这些啦!

				
时间: 2025-01-09 12:50:29

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

XPath 详解,总结

XPath简介 XPath是W3C的一个标准.它最主要的目的是为了在XML1.0或XML1.1文档节点树中定位节点所设计.目前有XPath1.0和XPath2.0两个版本.其中Xpath1.0是1999年成为W3C标准,而XPath2.0标准的确立是在2007年.W3C关于XPath的英文详细文档请见:http://www.w3.org/TR/xpath20/ . XPath是一种表达式语言,它的返回值可能是节点,节点集合,原子值,以及节点和原子值的混合等.XPath2.0是XPath1.0的超

DOM4J介绍与代码示例(2)-XPath 详解

XPath 详解,总结 XPath简介 XPath是W3C的一个标准.它最主要的目的是为了在XML1.0或XML1.1文档节点树中定位节点所设计.目前有XPath1.0和 XPath2.0两个版本.其中Xpath1.0是1999年成为W3C标准,而XPath2.0标准的确立是在2007年.W3C关于XPath的英文 详细文档请见:http://www.w3.org/TR/xpath20/ . XPath是一种表达式语言,它的返回值可能是节点,节点集合,原子值,以及节点和原子值的混合等.XPath

Angular.js中处理页面闪烁的方法详解

Angular.js中处理页面闪烁的方法详解 前言 大家在使用{{}}绑定数据的时候,页面加载会出现满屏尽是{{xxx}}的情况.数据还没响应,但页面已经渲染了.这是因为浏览器和angularjs渲染页面都需要消耗一定的时间,这个间隔可能很小,甚至让人感觉不到,这种情况一切正常,但这个时间也可能很长,这时候用户可能会看到满屏尽是{{xxxx}}.这种情况被叫做"Flash Of Unrendered Content (FOUC)(K)?and is always unwanted.".

详解Android定位

相信很多的朋友都有在APP中实现定位的需求,今天我就再次超炒冷饭,为大家献上国内开发者常用到的三种定位方式.它们分别为GPS,百度和高德,惯例先简单介绍下定位的背景知识. 什么是GPS定位.基站定位和Wi-Fi定位? 1.GPS定位:根据设备GPS芯片和GPS卫星实现定位,GPS定位在室内是不可以使用的.GPS定位精度和芯片本身以及实际使用环境有关,一般情况下,GPS定位精度在10m左右. 2.基站定位:根据设备获取的基站信息实现定位,基站定位精度一般不受使用环境影响,主要和基站的覆盖半径有关.

详解position定位与定位应用

定位一直是WEB标准应用中的难点,如果理不清楚定位那么可能应实现的效果实现不了,实现了的效果可能会走样.如果理清了定位的原理,那定位会让网页实现的更加完美.     定位的定义:    在CSS中关于定位的内容是:position:relative | absolute | static | fixed     static(静态) 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级.     relative(相对定位) 对象不可层叠.不脱离文档流,参考自身静态位置通过 t

HTM5新增结构化元素&amp;非结构化元素&amp;新增属性详解

(1)HTML5 新增的主体结构元素 (2)HTML5 新增的的非主体结构元素 (3)HTML5 表单新增元素与属性 (4)HTML5 改良的 input 元素的种类

XPath详解

转载地址:http://www.cnblogs.com/fdszlzl/archive/2009/06/02/1494836.html XPath简介 XPath是W3C的一个标准.它最主要的目的是为了在XML1.0或XML1.1文档节点树中定位节点所设计.目前有XPath1.0和XPath2.0两个版本.其中Xpath1.0是1999年成为W3C标准,而XPath2.0标准的确立是在2007年.W3C关于XPath的英文详细文档请见:http://www.w3.org/TR/xpath20/ 

Xpath 详解

什么是 Xpath? Xpath 是一种用在 XML 文档中定位元素的语言,同样也支持 HTML 元素的解析. 所谓 Xpath,是指 XML path language.path 就是路径,那么 Xpath 主要是通过路径来查找元素. 我们通过下面一张小图来了解一下 HTML 中的结构: HTML 的结构就是树形结构,HTML 是根节点,所有的其他元素节点都是从根节点发出的.其他的元素都是这棵树上的节点Node,每个节点还可能有属性和文本.而路径就是指某个节点到另一个节点的路线. 节点之间存在

五种JSP页面跳转方法详解

1. RequestDispatcher.forward() 是在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet or JSP到另外一个Servlet,JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时form提交的所有信息在 b.jsp都可以获得,参数自动传递. 但forward()无法重定向至有frame的jsp文件,可以重定向至有frame的html文件,