Robotframework中的元素locator[xpath和css]

1：通过ID
2：通过Name
3：通过xpath
   3.1 通过xpath的绝对路径,从最外层开始找
       例如/html/body/div[1]/div[4]/div[2]/div/form/span[1]/input
   3.2 通过xpath的相对路径
       3.2.1 找元素本身
       xpath同样可以利用元素自身的属性， 例如 xpath=//*[@id=‘kw1‘]
       //表示某个层级下，*表示某个标签名，@id=kw1表示这个元素有个id等于kw1
       也可以指定标签名， 例如 xpath=//input[@id=‘kw1]
       元素本身可以利用的属性不局限于id或者name,例如： xpath=//input[@type=‘text‘]     
       xpath=input[@autocomplete=‘off‘]
       3.2.2 通过元素的上级找到元素
       Xpath=//span[@id=‘aa‘]/span/input
       3.2.3 布尔值写法
       通过布尔值用多个属性确定一个元素，例如 xpath=//span[@id=‘aa‘ and @name=‘bb‘]

3.2.4 contains用法

[contains(@attribute, string)]

如： 使用xpath的匹配功能，//input[contains(@id,‘nt‘)]

Xpath的相关所有知识：http://www.w3school.com.cn/xpath/xpath_syntax.asp

xpath表示方法：

username=driver.find_element_by_xpath("//form[input/@name=‘username‘]")（form有input子元素，该子元素有name属性）username=driver.find_element_by_xpath("//form[@id=‘loginForm‘]/input[1]")

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

clear_button=driver.find_element_by_xpath("//input[@name=‘continue‘][@type=‘button‘]")  （input元素有name以及type两个属性）

xpath知识相关网站：

http://www.w3schools.com/

https://www.w3.org/TR/xpath/

http://www.zvon.org/comp/r/tut-XPath_1.html

用于查看xpath的插件：

• XPath Checker - suggests XPath and can be used to test XPath results.
• Firebug - XPath suggestions are just one of the many powerful features of this very useful add-on.
• XPath Helper - for Google Chrome

4: 通过css path

4.1Css path的知识： http://www.w3school.com.cn/cssref/css_selectors.asp

http://saucelabs.com/resources/articles/selenium-tips-css-selectors
   4.2Css选择器知识【适用于chrome->console】

Css选择器布尔值写法：

and-> "[alt=‘no column layout‘]|[src=‘/Images/nocol.png‘]"

- 选择alt属性为‘no column layout‘以及src属性为/Image/nocol.png 的元素。

4.2 Css在console中和在Rebotframework中的区别：
   -在rebotframework中： css=i[class^=‘x-icon‘]
   -在consonle中：$(‘i[class^="x-icon"]‘)

4.3 * 通过jquery选择
   如： jquery=.active [title="Remove"]
   http://www.w3school.com.cn/jquery/jquery_selectors.asp

4.4Css选择器知识【适用于selenium语法】