【Web自动化测试——代码篇二】条条大路找元素

∮定位单个元素

打车去目的地需要告诉司机地名或者周围标志建筑==，那么我们要让机器去运行Web，就需要告诉Web元素对应的特征。
接下来~~~算了，还是以我们万能的度娘为例ο(=•ω＜=)ρ⌒☆

例子	属性	属性值	定位代码
			Java	Python	Ruby
搜索框	id	kw	-	find_element_by_id("kw")	find_element(:id,'kw')
	class	s_ipt	-	find_element_by_class_name("s_ipt")	find_element(:class,'s_ipt')
	name	wd	-	find_element_by_name("wd")	find_element(:name,'wd')
	tag	input	-	find_element_by_tag_name("input")	find_element(:tag_name,'input')
文字链接	标签a链接	hao123	-	find_element_by_link_text("hao123")	find_element(:link,'hao123')
	标签a链接	hao123	-	find_element_by_partial_link_text("hao")	find_element(:partial_link_text,'hao')
XPath	id	kw	-	find_element_by_xpath("//*[@id='kw']")	find_element(:xpath,"//*[@id='kw']")
	name	wd	-	find_element_by_xpath("//*[@name='wd']")	find_element(:xpath,"//*[@name='wd']")
	class	s_ipt	-	find_element_by_xpath("//*[@class='s_ipt']")	find_element(:xpath,"//*[@class='s_ipt']")
	maxlength	100	-	find_element_by_xpath("//*[@maxlength='100']")	find_element(:xpath,"//*[@maxlength='100']")
	autocomplete	off	-	find_element_by_xpath("//*[@autocpmplete='off']")	find_element(:xpath,"//*[@autocpmplete='off']")
	type	submit	-	find_element_by_xpath("//*[@type='submit']")	find_element(:xpath,"//*[@type='submit']")
CSS	id	kw	-	find_element_by_css_selector("#kw")	find_element(:css,'#kw')
	name	wd	-	find_element_by_css_selector("[name='wd']")	find_element(:css,"[name='wd']")
	class	s_ipt	-	find_element_by_css_selector(".s_ipt")	find_element(:css,'.s_ipt')
	autocomplete	off	-	find_element_by_css_selector("[autocomplete=off]")	find_element(:css,"[autocomplete=off]")
	type	submit	-	find_element_by_css_selector("[type='submit']")	find_element(:css,"[type='submit']")
By	id	kw	findElement(By.id("kw"))	find_element(By.ID,"kw")	-
	name	wd	findElement(By.name("wd"))	find_element(By.NAME,"wd")	-
	class	s_ipt	findElement(By.className("s_ipt"))	find_element(By.CLASS_NAME,"s_ipt")	-
	html	input	findElement(By.tagName("input"))	find_element(By.TAG_NAME,"input")	-
	标签a链接	hao123	findElement(By.linkText("hao123"))	find_element(By.LINK_TEXT,"hao123")	-
	标签a链接	hao123	findElement(By.partialLinkText("hao"))	find_element(By.PARTIAL_LINK_TEXT,"hao")	-
	XPath	//*[@class='s_ipt']	findElement(By.xpath("//*[@class='s_ipt']"))	find_element(By.XPATH,"//*[@class='s_ipt']")	-
	CSS	span[@class='bg s_btn_wr']/input[@id='su']	findElement(By.cssSelector("span.bg s_btn_wr>input#su"))	find_element(By.CSS_SELECTOR,"span.bg s_btn_wr>input#su")	-
↑ 以上部分将通过某个元素的特征来定位元素的(如有遗漏或差错各位可自行补充修改) 要是像那种没啥特色的“孩子”，我们还是通过它们的父辈来找到它们 ↓ “我的祖宗是body！”( ఠൠఠ )ﾉ“啪~哪来的熊孩子？我还是html呢~”
XPath	/html/body/div[1]/div[1]/div/div[1]/div/form/span[1]/input         /*通过绝对路径找到百度输入框*/
	/html/body/div[1]/div[1]/div/div[1]/div/form/span[2]/input         /*通过绝对路径找到百度搜索按钮*/
	//span[@class='bg s_ipt_wr']/input                                              /*通过层级与属性结合找到百度输入框*/
	//form[@id='form']/span[2]/input                                               /*通过层级与属性结合找到百度搜索按钮*/
	//input[@id='kw' and @class='su']/span/input                           /*通过逻辑运算符获取元素，通过某个元素多个特征找到元素*/
CSS	form#form>span>input#kw（CSS不过多给出案例，想要了解更多可自行去查找资料(/ω＼*)……… (/ω•＼*)）
(￣y▽￣)╭ Ohohoho.....虽然获取元素的方法有很多，但是较常用的还是XPath。获取XPath的途径有俩种： ☛  无敌的我，你们都是渣渣_____(ˉ▽￣～) 切~~ ☛  有那个时间不如多撸根肉串，旧版Firefox的FireBug（新版Firefox自带获取xpath），Ctrl C/Ctrl V一下(o゜▽゜)o☆

**代码时间 **

     实践出真知。列了这么多方法，还是有必要检测一下是否有效，虽然无法全部验证，但是还是要往下看往下看往下看☟☟☟

Java

Python

Ruby

 

∰定位一组元素

      定义一组元素的方法与定位单个元素的方法类似，唯一的区别在单词"element"是否加了"s"。元素组的一般操作场景：

• 批量操作元素（如全选）
• 选择一组元素中所需要的部分（如全选后，取消不需要的部分）

	Java	Python	Ruby
id	driver.findElements(By.id,)	find_elements_by_id	find_elements(:id,)
name	driver.findElements(By.name,)	find_elements_by_name	find_elements(:name,)
class	driver.findElements(By.className,)	find_elements_by_class_name	find_elements(:class,)
tag	driver.findElements(By.tagName,)	find_elements_by_tag_name	find_elements(:tag_name,)
link	driver.findElements(By.linkText,)	find_elements_by_link_text	find_elements(:link,)
partial_link	driver.findElements(By.partialLinkText,)	find_elements_by_partial_link_text	find_elements(:partial_link_text,)
xpath	driver.findElements(By.xpath,)	find_elements_by_xpath	find_elements(:xpath,)
css	driver.findElements(By.cssSelector,)	find_elements_by_css_selector	find_elements(:css,)
在这里只简简单单罗列出了8大种定位一组元素的方法，但实际上可以参考定位单个元素的方法上进行扩展，在这就不展现完整了（记得加's'!!!）

有话要说

    自动化不仅适用于web端，也可以适用于手机端，虽说它们之间调用的包呀，或者说是定位元素方法不太一样，但是它们定位元素的介质是一样的，如果要是你写的代码定位不到元素，那就要检查你的元素介质是否是对的，尤其是用绝对路径定位的时候呦ヾ(￣▽￣)Bye_Bye

【上一篇】【Web自动化测试——代码篇一】简单的Web自动化脚本

【下一篇】【Web自动化测试——代码篇三】常用方法——控制浏览器