selenium-元素定位

最新推荐文章于 2024-08-07 14:22:51 发布

转载最新推荐文章于 2024-08-07 14:22:51 发布 · 57 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/NewMe/p/9235882.html

本文详细介绍了Selenium中八种常用的元素定位方法，包括By_id、By_name等，并通过实例展示了如何使用XPath和cssSelector进行精确定位。适用于自动化测试工程师和技术爱好者。

selenium元素的定位方式主要有八种：

要保证用此定位方法定位到的元素是唯一的。

1、By_id

2、By_name

3、By_className（元素的css样式）

4、By_tagName（元素的标签名称）

5、By_linkText (超文本链接上的文字信息)

6、By_particalLinkText (超文本链接上的部分文字信息)

7、By_xpath （XPath是XML Path的简称，由于HTML文档本身就是一个标准的XML页面，所以我们可以使用XPath的语法来定位页面元素。绝对路径/相对路径）

通过XPath定位的元素容易受html调整的影响，可以先通过id或name属性找到就近的元素，如父元素，用以加强测试脚本的稳定性。（ChroPath插件）

例如，源文件如下：

<html>
 <body>
  <form id="loginForm">
   <input name="username" type="text" />
   <input name="password" type="password" />
   <input name="continue" type="submit" value="Login" />
   <input name="continue" type="button" value="Clear" />
  </form>
</body>
<html>

form元素可以这样定位：

1.绝对定位（最容易受HTML语句改变的影响）

2.HTML中第一个form元素

3.包含属性为id，值为“loginForm"的form元素　　

 
     
           login_form 
           = 
           driver.find_element_by_xpath(
           "/html/body/form[1]"
           )
          

           login_form 
           = 
           driver.find_element_by_xpath(
           "//form[1]"
           )
          

           login_form 
           = 
           driver.find_element_by_xpath(
           "//form[@id='loginForm']"
           )
          

    

username元素可以这样定位：

1.form元素的input子元素中包含属性为name，值为”username“的元素

2.包含属性为id，值为“loginForm"的form元素的第一个input子元素

3.包含属性为name，值为”username“的第一个input元素

 
     
           username 
           = 
           driver.find_element_by_xpath(
           "//form[input/@name='username']"
           )
          

           username 
           = 
           driver.find_element_by_xpath(
           "//form[@id='loginForm']/input[1]"
           )
          

           username 
           = 
           driver.find_element_by_xpath(
           "//input[@name='username']"
           )
          

    

Clear按钮可以这样定位：

1.同时包含属性为name，值为”continue“和属性为type，值为”button“的input元素

2.包含属性为id，值为“loginForm"的form元素的第4个input子元素

 
           clear_button 
           = 
           driver.find_element_by_xpath(
           "//input[@name='continue'][@type='button']"
           )
          
           clear_button 
           = 
           driver.find_element_by_xpath(
           "//form[@id='loginForm']/input[4]"
           )

8、By_cssSelector

cssSelector这种元素定位方式跟xpath比较类似，但执行速度较快，而且各种浏览器对它的支持都相当到位，所以功能也是蛮强大的。

下面是一些常见的cssSelector的定位方式：

定位id为flrs的div元素，可以写成：#flrs 注：相当于xpath语法的//div[@id=’flrs’]

定位id为flrs下的a元素，可以写成 #flrs > a 注：相当于xpath语法的//div[@id=’flrs’]/a

定位id为flrs下的href属性值为/forexample/about.html的元素，可以写成： #flrs > a[href=”/forexample/about.html”]

eg：driver.findElement(By.cssSelector("button.btn.btn_big.btn_submit"))

如果需要指定多个属性值时，可以逐一加在后面，如#flrs > input[name=”username”][type=”text”]。

此外，cssSelector还有一些高级用法，如果熟练后可以更加方便地帮助我们定位元素，如我们可以利用^用于匹配一个前缀，$用于匹配一个后缀，*用于匹配任意字符。例如：

匹配一个有id属性，并且id属性是以”id_prefix_”开头的超链接元素：a[id^='id_prefix_']

匹配一个有id属性，并且id属性是以”_id_sufix”结尾的超链接元素：a[id$='_id_sufix']

匹配一个有id属性，并且id属性中包含”id_pattern”字符的超链接元素：a[id*='id_pattern']

最后再总结一下，各种方式在选择的时候应该怎么选择：

1. 当页面元素有id属性时，最好尽量用id来定位。但由于现实项目中很多程序员其实写的代码并不规范，会缺少很多标准属性，这时就只有选择其他定位方法。

2. xpath很强悍，但定位性能不是很好，所以还是尽量少用。如果确实少数元素不好定位，可以选择xpath或cssSelector。

3. 当要定位一组元素相同元素时，可以考虑用tagName或name。

4. 当有链接需要定位时，可以考虑linkText或partialLinkText方式。

转载于:https://www.cnblogs.com/NewMe/p/9235882.html