定位页面元素之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去处理，所以这个需要后期请教大神了解。

基本了解到的就这些啦！