操作浏览器归根到底就是和页面进行交互,那么必不可少的操作就是查找页面上的元素。因此我们需要熟练掌握Locator 定位器。
在上一节我们讲过,可以使用Page.Locator(selector, options)
方法创建定位器,而如何定位到元素则取决于selector 选择器
。
selector 选择器
选择器是用于创建定位器的字符串。那么,选择器应该如何编写呢?
下面的例子都是以百度首页作为测试页面
文本选择器
文本选择器查找包含指定文本的元素,默认不区分大小写,并搜索子字符串。
例如,下面的代码都可以找到hao123
链接:
Page.Locator("text=Hao123")Page.Locator("text=ao12")
CSS 选择器
CSS 选择器查找包含指定 CSS 的元素。
例如,查找搜索按钮:
Page.Locator(".s_btn")
XPath 选择器
可以使用 XPath 选择元素。
XPath 即 XML 路径语言(XML Path Language),它是一种用来确定 XML 文档中某部分位置的语言,同样可以用来定位 HTML 中某个元素的位置。
如果你不会 XPath 也不要紧,可以使用浏览器开发者工具,在元素选项卡中直接复制 XPath:
例如,查找搜索按钮:
Page.Locator("//*[@id=\"su\"]")
属性选择器
目前,仅支持以下属性:
id
data-testid
data-test-id
data-test
例如,查找搜索按钮:
Page.Locator("id=su")
添加微信号【MyIO666】,邀你加入技术交流群