31 Xpath复杂元素定位 find_element 等待切换窗口

Posted 2020-12-18 ananmy

（67，68，69）
目录
一、python八大元素定位
 
正文
一、python八大元素定位方式
id、name、class_name、tag_name、link_text、partial_link_text、xpath、css_selector
1.元素定位
 得到的返回值是一个webelement的python对象.------》定位的元素，下面以百度页面的输入框为例：

 
 
① find_element_by_id("kw")

input_elem=driver.find_elemrnt_by_id("kw")
print(input_elem)  #webelement对象

得到的结果就是就是一个webelement
那么如何获取元素的属性？------就是获取webelement的属性,get_attribute()

attr = input_elem.get_attribute("name")
print(attr)

 注意：Python中，当前还不能直接修改元素，selenium没有封装对应的方法。
②find_element_by_id  VS find_elements_by_id
find_element_by_id :
 1）查找一个,得到的是一个webelement对象；
 2）找不到元素的话，报错：NoSuchElementException
find_elements_by_id :
1).查找多个，得到一个列表
2.查找不到元素的话，得到的是一个空列表
在实际定位的时候，不知道该元素存不存在，可以用下面的额判断方法：

if not driver.find_elements_by_id("kk")
    print("该元素不存在")
else:
    print("该元素存在")

 
③name属性定位---->find_element_by_name

driver.find_element_by_name("wd")
driver.find_elements_by_name("wd")

 
④class属性---->class_name

driver.find_element_by_class_name("s_ipt")
driver.find_elements_by_class_name("s_ipt")

 
⑤link_text ：通过超链接的文本，进行元素定位（只能定位超链接，其他的元素是不能定位的，所以只能定位a标签）

e = driver.find_element_by_link_text("新闻")
e.click() #  如果定位成功，会点击进入新闻这个链接的页面

⑥partial_link_text:通过超链接的文本的一部分进行元素定位

e = driver.find_element_by_partial_link_text("新")
e.click()

注意：若果有多个新开头的超链接，永远定位到的都是第一个。
 ⑦tagname  ---->定位的元素比较多，测试的时候很少用

 driver.find_element_by_tagname("input")

 
总结：以上6种定位方法，用的最多的是id、name、class_name用的最多
id:是唯一的
name:用户输入经常会带name属性（提前在浏览器中，F12,在源代码中，按ctrl+F,查找元素出现的次数）
class_name:出现次数多
 
元素定位的坑
1.不要用可能会发生动态变化的属性进行元素定位。------->属性是静态的才能定位
比如说：1）不规则的字符串（比较长可能是加密），就不能用这个属性进行元素定位
　　　　2）有些属性有数字，纯数字的，不能用来定位
　　　　3）带数字的，也要警惕
2.class_name定位的时候，class_name值中间不能有空格-------》class是分组的
下面定位百度，class_name的值中间有空格，是定位不到的
 
class = "bg s_btn"表示2个class,用空格分开。
所以通过class_name进行定位，只能写其中一个。
driver.find_element_by_class_name("bg") 或者 driver.find_element_by_class_name("s_btn") 
 
 
 3.如何确定我的元素表达式只能找到一个元素
1).复制表达式到浏览器，在F12的源码中ctrl+F
2).find_element只有一个元素
 
以上6种 元素定位的方式：通过单属性定位只能定位特征明显的元素。
下面介绍xpath,css_selector--------面试题
优势：组合多个特征、组合多个属性，能够更加精准的定位元素；定位元素的时候，因为可以组合，有更大的灵活性。
面试题：八大元素定位有哪些？
先说八种元素定位方式；再说，其实没有8种元素定位方式：find_element_by_id / by_name / by_tag_name / by class_name等都是在find_element()方法的基础上，进行二次封装的。其本质都是使用的find_element()方法，进行元素定位的。
如下：find_element()方法的源码：

 
driver.find_element("id","kw")    ==  driver.find_element_by_id("kw")
即上面的语句是等价的。
 
 69节
⑦xpath
 1）定义：Xpath即XML路径语言（XML Path language），用来确定XML文档中某部分位置的语言。XML跟html很相像，所以也可以进行HTML
 2）使用xpath进行元素定位
     获取xpath的表达式：
    ------1.通过浏览器，F12定位，在源码上右击，copy--》copy xpath 、copy selector、copy full xpath （第三顺位）
    ------2.使用插件   （第二顺位）
    ------3.自己编写。（第一顺位，最重要）
学习的时候：不要使用工具获取xpath,有时候是不正确的，一般最好是自己写。
实际项目中，节省时间可以使用插件。
3）.绝对定位 相对定位

 
 绝对路径 VS 相对路径
在自动化测试中，使用相对路径，不使用绝对路径。
面试题：↓↓
绝对路径：
   1)从最开始的位置，一层一层进入对应的元素。
   2)冗余，容错性更差
相对路径：
   1)在某个位置，不需要从最开始的位置
　2) 更加简洁、灵活，容错性更好
例如：前段工程师，喜欢加层级（多个div），使用绝对路径就很可能找不到元素。相对路径则比较灵活。容错性更好。
 
3)xpath表达式 解释
单个属性定位
//*[@id = "kw"]  ：查找任意的元素，这个元素的属性id=kw
// :表示相对路径
* ：表示通配符，所有的标签名称 （上面的式子定位百度输入框，就等价于 //input[@id = "kw"]）
[@id="kw" ]:谓语条件   属性=值，@表示这个属性。@+属性。
 
组合多个条件：如果一个属性定位不到，就考虑组合多个条件
例如：//input[@id= "kw" and name="wd" and class="s_ipt"]
 
text()文本定位：文本不是属性，不能加@
 //a[text()="新闻”]
 
xpath函数---contains包含
 ---class可能有多个(class属性定位，一定不能有空格)
 ----text()定位一部分
 ----有空格的情况
 
举例：通过xpath定位 新闻 这个文本

e = driver.find_element("xpath",”//a[text() = "新闻“]“)
e.click()

上面的例子，通过contains进行元素定位

e = driver.find_element("xpath",”//a[conatins(text() , "新闻“)]“)
e.click()


e = driver.find_element("xpath",”//a[conatins(text() , "新“)]“)
e.click()

定位的是属性

e = driver.find_element("xpath",”//a[conatins(@id , "kw“)]“)
e.click()

 
祖级（//）、父级（/）查找子元素
组合查找，还是定位不到元素，该怎么办？-----父级元素进行查找
举例：//span[@class="bg s_btn_wr" ]/*[@id="su"]

 
 
层级之间加 / :表示父、子级关系
层级之间加 // :表示祖孙关系（可以是儿子，孙子，曾孙、、、、、、后代）
 
子元素查找父级元素---缺点，不能跨级定位，只能一级一级定位
/../..定位上一级元素（不能跨级）
//input[@id="kw"]/../..定位到爷爷级
 

 
特殊手段定位元
手段1.通过索引查找，索引从1开始。并且索引前面加括号
(//input[1])
如果不加括号，会查找出3个索引为1的元素。

 
 
70节
手段2.轴定位 轴运算
 --1.灵活设计：子孙元素找祖先
 --2.可以找同胞（关系查找）
 
轴定位表达式

 
 
 
 
 sibling: 当前节点的同胞（姐姐或者哥哥     弟弟或者妹妹）
※ preceding-sibling :当前节点的同胞，只是哥哥或者姐姐 （当前节点的前面）
※following-sibling:当前节点的同胞，只是弟弟或者妹妹 （当前节点的后面）
※ancestor: 祖先
这三个轴运算，是xpath很难实现的，使用轴运算就很方便。
 
举例：百度输入框input
1.查找input元素的同胞节点（哥哥/姐姐）------->     //input[@id="kw"]//preceding-sibling::span
如果直接写成    //input[@id="kw"]//sibling::span   是查找不到的，因为有同胞有input 前面的跟后面的

 
 
2.查找input元素的同胞节点（弟弟/妹妹）------->  //input[@id="kw"]//following-sibling::span

 
 
3.祖先 ，当前节点所有的外层元素（从父亲级开始查找，父亲级找不到再找爷爷级，只要是祖先级别，都可以找到）
举例：input输入框的祖先----> //input[@id="kw"]//ancestor::span

 
 
4.组合查找：父亲的同胞-------->  //input[@id="kw"]//ancestor::span//preceding-sibling::input

 
 
 ⑧ css_selector   css选择器
css表达式

 
 
1)css选择器的一般写法：input[id=kw] ------》对应的xpath的写法是//input[@id="kw"]
css选择器的表达式，更加简洁（//,@,""都可以省略）

 
 
2）一个点 . 表示class
查找class_name = s_ipt,用css选择器来查找，就是.s_ipt

 
3)#号：表示id
查找id="kw" ,用css选择器来查找，就是 #kw，也可以直接写为input#kw

 
 
 
 
 
 
css查找的单向性---只能通过父元素找子元素
 
总结：
xpath比之前的6种元素定位方式的优势：
xpath可以进行组合：可以组合元素的标签、属性、text文本、上下级关系。
//input[@id = "kd" and  text() = "新闻”]
//div/input[@id = "kd" and  text() = "新闻”]     父级必须是div,父元素定位子元素
//*[] 任意标签名
//input[@*="kw"] *表示的是任意属性
//input[@id] 有id属性，具体id值不知道也可以。爬虫（测试中条件要精确，这个表示方法基本不用）
//input[contains(text(),"新闻“)]          //input[contains(@class,"value")]
//input[@id= "kw"]/../..子元素找父元素
 
xpath VS CSS----面试题
 css的优势： 
1.表达方式更加简洁
2.主流浏览器，查询速度快（毫秒级别的差别）
xpath 的优势：
1.功能更强，支持更多的函数，可以查找父元素、轴元素、（css只能用父元素找子元素）
2.支持用text()文本定位查找的（css不支持）
3.对于复杂的元素，xpath的写法反而比css简洁（支持跟多的函数、组合定位）
 
在find_element()函数中，使用的是css选择器，而不是xpath的原因：查询速度快一点点。
平时查找使用xpath，封装函数建议使用css_seletor.