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

1、定位元素的方法

• 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。

  View Code
• 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’]

2、如何用xpath定位：

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

   第一种方法：经过绝对路径作定位

By.xpath("html/body/div/form/input")

By.xpath("//input")
第二种方法：经过元素索引定位 

By.xpath("//input[4]")

第三种方法：使用xpath属性定位（结合第二、第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,'那么美')]")

3、定位页面元素常见的问题

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去处理，因此这个须要后期请教大神了解。

基本了解到的就这些啦！