WebUI自动化之必备技能——xpath定位详解

前言

这webUI自动自动化测试中比较困难的是元素定位，比如一个页面中存在iframe，那么直接使用copy到的定位元素无法定位到相应的元素，若iframe又没有name属性，id又是变化的，那么使用copy到的定位元素永远也无法定位到

一、xpath语法讲解

XPath 使用路径表达式来选取 XML 文档中的节点或节点集。节点是通过沿着路径 (path) 或者步 (steps) 来选取的。
本节来自：w3cschool

1.选取节点

表达式	描述	说明
nodename	选取此节点的所有子节点。	选取所有相同的标签名
/	从根节点选取。	查看根节点下的标签名，下面的子标签名不查找
//	从匹配选择的当前节点选择文档中的节点，而不考虑它们的位置。	一般用这个，配合其他的查找语法使用
.	选取当前节点。	这两个用的很少
..	选取当前节点的父节点。
@	选取属性。	一般配合//使用
.	接类名，可以直接查找同类的名

2.谓语（查找特定节点，或者查找指定属性的节点）

谓语用来查找某个特定的节点或者包含某个指定的值的节点。谓语被嵌在方括号中。
以下为常用的路径表达式：

路径表达式	结果
/bookstore/book[1]	选取属于 bookstore 子元素的第一个 book 元素。
/bookstore/book[last()]	选取属于 bookstore 子元素的最后一个 book 元素。
/bookstore/book[last()-1]	选取属于 bookstore 子元素的倒数第二个 book 元素。
/bookstore/book[position()<3]	选取最前面的两个属于 bookstore 元素的子元素的 book 元素。
//title[@lang]	选取所有拥有名为 lang 的属性的 title 元素。
//title[@lang='eng']	选取所有 title 元素，且这些元素拥有值为 eng 的 lang 属性。
/bookstore/book[price>35.00]	选取 bookstore 元素的所有 book 元素，且其中的 price 元素的值须大于 35.00。
/bookstore/book[price>35.00]/title	选取 bookstore 元素中的 book 元素的所有 title 元素，且其中的 price 元素的值须大于 35.00。

3.（*）通配符选取未知节点

一般与谓语表达式连用

标识符	含义
*	匹配任何元素节点。
@*	匹配任何属性节点。
node()	匹配任何类型的节点。

路径表达式	结果
/bookstore/*	选取 bookstore 元素的所有子元素。
//*	选取文档中的所有元素。
//title[@*]	选取所有带有属性的 title 元素。

“|”运算符选取多个不同表达式路径

路径表达式	结果
//book/title | //book/price	选取 book 元素的所有 title 和 price 元素。
//title | //price	选取文档中的所有 title 和 price 元素。
/bookstore/book/title | //price	选取属于 bookstore 元素的 book 元素的所有 title 元素，以及文档中所有的 price 元素。

4.模糊匹配

模糊匹配是进行动态匹配的核心，需要自己编写xpath表达式。
以下代码来自：https://www.cnblogs.com/xufengnian/p/10788195.html

模糊匹配
//div[contains(@class,'f1')] div的class属性带有f1的所有标签
//body/*                    body下面所有的元素
//div[@*]                   只要有用属性的div元素
//div[@id='footer']    //div  带有id='footer'属性的div下的所有div元素
//div[@class='job_bt'] //dd[@class='job-advantage']

二、iframe切换

1.基本方法

通过switch_to方法，可以看到，其与iframe相关的方法有三个：
driver=webdriver.Chrome()

• driver.switch_to.frame()     切换iframe
• driver.switch_to.parent_frame()    切换到此iframe的上级iframe，若是在根html下的iframe，则返回根html
• driver.switch_to.default_content()    切换到默认未进入iframe的状态

最重要的是：switch_to.frame()

image.png

2.switch_to.frame()使用实例

2.1不同方式定位静态iframe内的元素

本例为菜鸟教程内的页面，iframe没有name属性

image.png

from selenium import webdriver
import time

driver=webdriver.Chrome()
driver.get('https://www.runoob.com/try/try.php?filename=tryhtml_basic_link')
time.sleep(5)
#通过xpath定位到静态iframe
# driver.switch_to.frame(driver.find_element_by_xpath('//*[@id="iframeResult"]'))
#通过索引定位，这个页面内只有一个iframe
driver.switch_to.frame(0)
text=driver.find_element_by_xpath('/html/body/a').text
print(text)

三、动态元素的xpath定位

以下界面的登录窗口采用了iframe及动态id技术，每一次iframe的id名都会变化，但又无name属性，这种情况下只能通过iframe索引切换以及写xpath的模糊匹配表达式切换

image.png

from selenium import webdriver
import time

driver=webdriver.Chrome()
driver.get('https://mail.126.com/')
time.sleep(5)
#xpath的模糊匹配表达式
driver.switch_to.frame(driver.find_element_by_xpath("//iframe[starts-with(@id, 'x-URS-iframe')]"))
#iframe索引
#driver.switch_to.frame(0)
driver.find_element_by_name('email').send_keys(1314)
# driver.switch_to.parent_frame()
driver.switch_to.default_content()
text=driver.find_element_by_xpath('//*[@id="normalLoginTab"]/h2').text
print(text)

四、JS定位切换iframe

尝试中……后续继续更新