学习总结——Selenium元素定位

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习总结——Selenium元素定位相关的知识,希望对你有一定的参考价值。

读一本好书,不能读读就算了,做一下总结,变成自己的,以备查阅。

1.         driver.findElement(By.id(<element ID>))

ID是独一无二的,使用ID定位是最为推荐的方法。

但是:1.不是所有元素都会指定ID;2.有的ID属性的值是动态生成的。

2.         driver.findElement(By.name(<element name>))

name属性不一定唯一,如果有多个,第一个出现的会被选择。

3.         driver.findElement(By.className(<element class>))

4.         driver.findElement(By.tagName(<htmltagname>))

tagName()方法是定位 html 标记名称:

WebElement table = driver.findElement(By.id("summaryTable"));

List<WebElement> rows = table.findElements(By.tagName("tr"));

assertEquals(10, rows.size());

5.         driver.findElement(By.linkText(<linktext>))

WebElement 类也可以支持查询子类元素。

WebElement topLink = driver.findElement(By.id("div1")).findElement(By.linkText("top"));

6.         driver.findElement(By.partialLinkText(<linktext>))

当元素有部分在变时,可以用部分不变的内容来定位元素。

7.         driver.findElement(By.cssSelector(<cssselector>))

1)         绝对路径如:WebElement userName = driver.findElement(By.cssSelector("html >

         body > div > div > form > input"));

但是,这个策略会有一些的限制,他取决于页面的整个结构。如果有些许改变,选择     器将找不到这个元素。

        相对路径

2)         DOM中第一个<input>元素:WebElement userName = driver.findElement(By.cssSelector("input"));

3)          使用class定位:先指定一个 HTML 的标签,然后加一个“.”符号,跟上 class 属性的值, WebElement loginButton =driver.findElement(By.cssSelector("input.login"));可以找到按钮的<input>标签 class 为 login 的元素。

  使用ID 来定位:先指定一个 HTML 标签,然后加上一个“#”符号,跟上 id 的属性  值,如下所示:

  WebElement userName =driver.findElement(By.cssSelector("input#username"));

         这将会返回 input 标签中 id 为 username 的元素。

  使用name定位:WebElement userName =

  driver.findElement(By.cssSelector("input[name=username]"));

         使用 name 属性来定位元素和直接用 By 类中的 name()方法来定位相似。     

         使用其他的属性定位:WebElement previousButton       driver.findElement(By.cssSelector("img[alt=‘Previous‘]"));

4)         使用多个属性来定位<input>元素:WebElement previousButton =driver.findElement(By.cssSelector("input[type=‘submit‘][value=‘Login‘]"));

5)         使用属性名称定位元素:List<WebElement> imagesWithAlt =

         driver.findElements(By.cssSelector("img[alt]"));

  not()伪类匹配不满足规则的元素: 例如, 想要定位那些<img>标签中不含有alt属性,

         List<WebElement> imagesWithoutAlt=driver.findElements(By.cssSelector("img:not([alt])"));

6)         部分属性值的匹配:

         input[id^= ‘ ctrl‘]:以ctrl开始

         input[id$=‘_userName‘]:以_userName结尾

         input[id*=‘userName‘]:包含userName

8.         driver.findElement(By.xpath(<xpath queryexpression>))

1)         绝对路径:WebElement userName =driver.findElement(By.xpath("html/body/div/div/form/input"));

         这个策略有局限性,他需要参考整个页面的文档结构。如改变了,此元素的定位将会

         失效。

  相对路径:

2)         DOM中第一个<input>元素:

         WebElement userName = driver.findElement(By.xpath("//input"));

         使用索引来定位元素,第二个<input>

         WebElement passwd = driver.findElement(By.xpath("//input[2]"));

3)         用 ID 属性来定位:

         WebElement userName =driver.findElement(By.xpath("//input[@id=‘username‘]"));

  使用 alt 属性来定位:

         WebElement previousButton = driver.findElement(By.xpath("img[@alt=‘Previous‘]"));

4)         使用多个属性来定位<input>元素

  • WebElement previousButton =driver.findElement(By.xpath("//input[@type=‘submit‘][@value=‘Login‘]"));
  • WebElement previousButton = driver.findElement(By.xpath("//input[@type=‘submit‘and @value=‘Login‘]"));
  • WebElement previousButton = driver.findElement(By.xpath("//input[@type=‘submit‘or @value=‘Login‘]"));

5)         使用 XPath 及属性名称定位元素:

         List<WebElement> imagesWithAlt = driver.findElements(By.xpath ("img[@alt]"));

6)         部分属性值的匹配:

         input[starts-with(@id,‘ctrl‘)]:id以ctrl开始

         input[ends-with(@id,‘_userName‘)]:id以_userName结束

         Input[contains(@id,‘userName‘)]:id包含userName

7)         使用值来匹配任意属性及元素:

         WebElement userName = driver.findElement(By.xpath("//input[@*=‘username‘]"));

8)         使用 XPath 轴来定位元素:用到再研究。

 

总结提示:

  1. 使用 id,name 或 class 属性是定位元素的首选方法。
  2. CSS 选择器和 XPath 在 Selenium 用户中非常流行,但是 CSS 选择器相比 XPath 从难易、速度、效率来说更为推荐大家使用。
  3. XPath 的查询慢于CSS 选择器,因为 XPath支持双向的查询。可以通过元素的父,兄弟,子节点来定位元素。

以上是关于学习总结——Selenium元素定位的主要内容,如果未能解决你的问题,请参考以下文章

selenium+python学习——webdriver总结

selenium3+python自动化5-学习find_elements总结

PhantomJS + Selenium webdriver 总结-元素定位

python selenium定位总结(转)

selenium学习笔记webdriver进行页面元素定位

python selenium 元素定位