51Testing软件测试论坛

标题: selenium自动化测试入门获取元素对象 [打印本页]

作者: 恭喜发财dife 时间: 2018-2-6 15:58
标题: selenium自动化测试入门获取元素对象
      一、元素定位简介
   八种属性定位页面元素：

   By.ID
   By.XPATH
   By.LINK_TEXT
   By.PARTIAL_LINK_TEXT
   By.NAME
   By.TAG_NAME
   By.CLASS_NAME
   By.CSS_SELECTOR

   webdriver元素定位方法：

driver.find_element(By.XXX,'元素属性') # 定位单个元素
driver.find_elements(By.XXX,'元素属性') # 定位一组元素，返回list列表

复制代码

webdriver中元素定位元素的简便方法：

driver.find_element_by_id('元素id属性') # ------ 最常用，简单
driver.find_element_by_name('元素name属性') # ------ 最常用，简单
driver.find_element_by_class_name('元素class属性') # ------ 易重复，看情况使用
driver.find_element_by_tag_name('元素标签名') # ------ 最不靠谱
driver.find_element_by_link_text('链接文本') # ------ 精确匹配链接（<a> 标签中的文字）
driver.find_element_by_partial_link_text(‘部分链接文本’) # ------ 模糊匹配链接
driver.find_element_by_xpath() # ------ 最灵活，万能的灵药
driver.find_element_by_css_selector() # ------ 没xpath灵活

复制代码

   如果需要使用简便的方法点位一组元素，在element后加个s，如，river.find_elements_by_id() ；
它返回的也是 list列表。

   二、怎么获取元素属性？

   第一种：Chrome或者Firefox 打开网页，在需要获取属性的元素上[右键 ==> 检查（or查看元素）]

   第二种：Chrome或者Firefox 打开网页，按F12（开发者选项），选择左上角的鼠标指针后单击页
面元素

[attach]110662[/attach]
   三、获取页面元素

   1、id元素定位

   <input id="query" class="sec-input" name="query" maxlength="100" autocomplete="off" type="text">

driver.find_element_by_id(‘query’)

复制代码

2、name元素定位

<input id="query" class="sec-input" name="query" maxlength="100" autocomplete="off" type="text">

driver.find_element_by_name(‘query’)

复制代码

3、class name元素定位

<input id="query" class="sec-input" name="query" maxlength="100" autocomplete="off" type="text">

driver.find_element_by_class_name(‘sec-input’)

复制代码

4、 tag name元素定位(最不靠谱)

<input id="query" class="sec-input" name="query" maxlength="100" autocomplete="off" type="text">

driver.find_element_by_tag_name(‘input’)

复制代码

   5、 link_text元素定位

   页面底部搜狗输入法连接

   <a uigs-id="mid_pinyin" href="http://pinyin.sogou.com/" target="_blank"><i class="i1"></i>搜狗输入法</a>

driver.find_element_by_link_text('搜狗输入法')

复制代码

   注意：连接文本是<a></a>标签对之间的文本
   6、 partial link text元素定位

   <<a uigs-id="mid_pinyin" href="http://pinyin.sogou.com/" target="_blank">
<i class="i1"></i>搜狗输入法</a>

driver.find_element_by_partial_link_text(‘输入法’)

复制代码

   7、 XPath元素定位(强大)

   学习资料： http://www.w3school.com.cn/xpath/

   xpath 可以根据元素的父节点或者哥哥弟弟节点定位到元素。

[attach]110663[/attach]

driver.find_element_by_xpath(‘//form[@id="sf"]//input[@type="text"]’) # 上级节点定位下级子节点
driver.find_element_by_xpath(‘//span[@class="enter-input"]/preceding-sibling::span/input’) # 通过节点的弟弟节点定位

复制代码

   注意：使用xpath最好不要使用工具获取，手写的可靠性更高
   8、css元素定位

   css定位元素比xpath块，id，name，class，tag name都是转换为css后定位元素。具体请看
find_element方法的代码。

   <input id="query" class="sec-input" name="query" maxlength="100" autocomplete="off"
type="text">

driver.find_elements_by_css_selector(".sec-input") # .表示class
driver.find_elements_by_css_selector("#query") # #表示id

复制代码

四、xpath 与 css 对照表
[attach]110664[/attach]

作者: 梦想家 时间: 2018-5-14 08:49
学习

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)