WebDriver--定位元素的8种方式

在UI层面的自动化测试开发中，元素的定位与操做是基础，也是常常遇到的困难所在。webdriver提供了8种定位：

1. id定位：find_element_by_id("id值")；id属性是惟一的

1 driver.find_element_by_id("loginName").clear()#用户名输入框的id属性 2 driver.find_element_by_id("loginName").send_keys("admin") 3 driver.find_element_by_id("pwdTip").send_keys(Keys.TAB)#密码输入框的id属性 4 driver.find_element_by_id("pwdTip").send_keys("111111")

2. name定位：元素的名称，find_element_by_name("name值")；name属性值在当前页面能够不惟一

1 driver.find_elements_by_name("PeriodName")[1].click()#选择学段：初中
2 driver.find_elements_by_name("SubjectName")[0].click()#选择学科：语文

  find_elements_by_name("PeriodName")是由于当前页面有一组radiobutton的name值是PeriodName，因此能够用定位一组元素的方法findElements，定位出来的是结果一个list

3. class定位：元素的类名，find_element_by_class_name("class值")

driver.find_elements_by_class_name("u-btn-levred")[0].click()#选择年级：七年级

4. tag定位：页面html文档下的各类标签，find_element_by_tag_name("input")；

tag每每用来定义一类功能，因此经过tag识别某个元素的几率很低。任意打开一个页面，都会发现大量的<div>、<input>、<a>等tag，因此tag name定位不多用

5. link定位：专门用来定位文本连接，find_element_by_link_name("text")；

driver.find_element_by_link_text(u"退出").click()#页面右上方的一些我的操做，好比退出、我的中心、消息通知等

6. partial link定位：是对link定位的一种补充，当连接上的文本内容比较长的时候，能够取文本的一部分进行定位，固然这部分能够惟一地标识这个连接

※注：以上的方式稍有局限，且常常页面没有id，name这些属性值，class name重复性较高，link定位有针对性，因此Xpath与Css定位更灵活些。

7. XPath定位：find_element_by_xpath("")；有多种定位策略，用FirePath插件自动生成的涵盖如下几种方式

  1）绝对路径定位：对于没有id，name、classname很差定位的，这也是我最经常使用的，由于能够经过Firefox的FirePath插件能够方便的获取到xpath值

  2）利用元素属性定位：

　　find_element_by_xpath(".//*[@id='Title']")，这里是用的id，也能够用元素其余可以惟一标识的属性，不局限于id、name、class这些；*表明的是标签名，不指定时就能够用*代替

  3）层级与属性结合：下图中就是这种

  4）使用逻辑运算符

1 driver.find_element_by_xpath(".//*[@id='divword']/input[7]").click()#登陆
2 driver.find_element_by_xpath("html/body/div[4]/div/div[2]/div/div[3]/a[1]").click()#我的页面的发布课程操做

8. CSS定位（薄弱，用的不多，但很强大，比xpath简洁灵活）：使用选择器来为页面元素绑定属性，能够灵活地选择控件的任意属性；find_element_by_css_selector("")；一样也能够用FirePATH生成css哟！

  1）经过class属性定位：点号（"."）表示经过class属性定位

1 <input class="u-btn mart5" type="submit" onclick="return User.check()" value="登陆">
2 driver.find_element_by_css_selector(".u-btn.mart5").click()

  2）经过id属性定位：（"#"）表示经过id定位元素

driver.find_element_by_css_selector("#loginName")

  3）经过其余属性定位：（"[]"），中括号里的属性能够惟一标识这个元素就能够；属性的值能够加引号，也能够不加

1 <input class="u-btn mart5" type="submit" onclick="return User.check()" value="登陆">
2 driver.find_element_by_css_selector("[type=submit]").click()

  4）组合定位

 

平时使用生成的xpath，id，name，classname这些比较多，今天根据最近这段时间的实践，并参照书上整理了下，发现原来XPath和Css下还有这么多方式，顺便拿最近一些代码试验了下，有些简单的css定位可以成功，有的Firepath生成的并不可用，一些组合定位还须要再研究，是有些难度的。最后记录一种定位方式，更接近底层实现方式的定位，But书上说webdriver更推荐前面那些写法，为毛捏？

9. 用By定位元素

　　除find_element_by_***这种方式，还有另外一套写法，也就是统一调用find_element()方法，两个参数，第一个参数是定位的类型，由By提供；第二个参数是定位的具体值

from selenium.webdriver.common.by import By #使用By这种定位前要将By类导入 find_element(By.ID,"loginName") find_element(By.NAME,"SubjectName") find_element(By.CLASS_NAME,"u-btn-levred") find_element(By.TAG_NAME,"input") find_element(By.LINK_TEXT,"退出") find_element(By.PARTIAL_LINK_TEXT,"退") find_element(By.XPATH,".//*[@id='Title") find_element(By.CSS_SELECTOR,"[type=submit]")