Python + Playwright（5）：Locator 操作方法大全「详细介绍」

已于 2024-08-29 10:50:39 修改
阅读量1.7w 收藏 39
点赞数 35
分类专栏： Python + Playwright 文章标签： python 测试工具 playwright 软件测试 自动化测试
于 2024-04-26 17:23:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48321392/article/details/138220698
版权
Python + Playwright 专栏收录该内容
28 篇文章 10 订阅 ¥29.90 ¥99.00
订阅专栏

Python + Playwright（5）：Locator 操作方法大全「详细介绍」

前言

Playwright 提供了强大的定位器（Locator）功能，用于准确、可靠地定位页面上的各种元素，例如文本框、按钮、下拉框等。本文将深入介绍 Playwright 中 Locator 的常用定位和操作方法，帮助小伙伴们更好地理解及应用。

Locator 常用方法

使用 page.locator() 方法创建一个定位器，通过这个定位器可以执行各种操作。

一、 【定位元素】

查找页面上所有匹配的元素

page.locator(selector).all()
了解本专栏 订阅专栏 解锁全文
blues_C
关注
  • 35
    点赞
  • 踩
  • 39
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
订阅专栏
【Playwright+Python】系列之元素定位
朱雀随云记的博客
07-14 1364
默认情况下，page.get_by_test_id（） 将根据 data-testid 属性查找元素，但您可以在测试配置中或通过调用 selectors.set_test_id_attribute（） 来配置它。Shadow DOM 是技术的一部分，它提供了一种将 HTML 结构、样式和行为封装在一个独立的、封闭的 DOM 中的机制。以下是一个使用 Shadow DOM 的例子，该例子展示了如何创建一个简单的自定义组件，并将内容、样式封装在 Shadow DOM 中。
playwright中定位元素的方法
DTCloud
05-08 2912
在 Playwright 中，有多种方式可以选择和定位元素，每种方式都可以使用 CSS 选择器或 XPath 表达式进行选择，使开发者可以根据自己的需求和场景进行选择。
Playwright 元素定位
lixiaomei0623的专栏
05-29 1727
例如，`page.locator('.my-class').locator('.my-subclass')` 会定位到所有具有 "my-class" 类的元素中，再次具有 "my-subclass" 类的元素。2. **操作元素**：定位器提供了一系列方法用于操作元素，例如 `click()`、`fill()`、`check()`、`uncheck()`、`selectOption()` 等。3. **文本内容**: 使用 `:text("my text")` 来定位包含特定文本的元素。
playwright python版本学习五--＞locator常用定位总结
qq_28207005的博客
08-25 1万+
playwright web ui自动化常用定位总结
Playwright中locator() 方法快速定位网页元素[全面总结]
book_dw5189的博客
03-18 6165
在 Playwright 中，Locator是自动等待和重试机制的核心部分。简单来说，Locator提供了在任何时刻在页面上找到元素的方法。可以使用page.locator()方法创建一个Locator。
PlayWright元素定位：文本选择器
m0_72621177的博客
07-21 3476
playwright的元素定位系列：文本选择器定位
Playwright 常用元素定位方式（基础版）
载_酒i
12-13 2649
以上就是我们基础版的元素定位方式，当遇到页面样式比较复杂的页面时，我们会需要一些其他的定位方式，不过都是从基础版升级来的。下一篇介绍进阶版定位方式～2. get_by_text：根据界面文本信息进行定位。包含两个参数，一个是 text标识定位的文本内容，第二个是 exact 表示是否精确匹配。
新一代最强开源UI自动化测试神器 Playwright - 元素定位
伤心的辣条
10-17 5845
Playwright和Selenium的元素定位方法有相似之处，因为都是对相同的WEB页面元素进行定位，所以差别不大，区别在于它们的定位方式，Selenium对每种选择器提供了对应的方法，而Playwright只需要写定位表达式就可以了，不需要指定具体方法。从这一点来看，Playwright是非常方便的。
【playwright】新一代自动化测试神器playwright+python系列课程04_playwright元素定位1_locator应用
qq_35948955的博客
01-17 1859
元素定位时自动化测试最为关键的环节，所谓的自动化测试无非就是定位元素，然后操作元素最后断言，元素定位时自动化测试的基础，是必须要掌握的。有selenium使用经验的童鞋首先会想到selenium的八大元素定位，同理Playwright也有自己的元素定位的方法，Playwright跟Selenium在使用过程中其实非常相似，Playwright也是通过元素定位来实现各种功能的。下面来看一Playwright的定位方法使用。以下是 playwright 推荐的元素定位方法。
Python + Playwright（2）：元素定位器（Locator）「详细介绍」
热门推荐
blues_C的博客
04-23 1万+
定位器 Locator 是 Playwright 特有的概念，它是Playwright提供的一个抽象层，封装了元素的定位逻辑和操作方法， 这样就可以让我们可以直接用Locator来定位和操作页面上元素的对象。
playwright-relative-selector:剧作家选择器以相对于其他元素定位元素
05-24
:performing_arts: 剧作家相对选择者 从1.8.0开始，基于布局选择元素是Playwright固有的 await page . click ( ':text("Sign In"):right-of(#home)' ) ; 请参考Playwright的文档 单击以查看折旧的文档剧作家帮手来定位相对于其他元素的元素 用法 npm install --save-dev playwright-relative-selector 安装后，您可以在Node.js脚本中require此软件包，并将其与Playwright结合使用。 const relativeSelector = require ( 'playwright-relative-selector' ) ; const clickMeElement = await relativeSelector ( page , 'text="Sign In
Python + Playwright（进阶）：关键字驱动测试框架 Python + Playwright + Yaml + Pytest
blues_C的博客
04-19 3988
关键字驱动测试是一种自动化测试方法，它使用一组关键字或操作，模拟用户在应用程序中的操作进行测试，从而提高测试效率和可重复性。本文将介绍如何使用 Python + Playwright + Yaml + Pytest 实现关键字驱动测试。
Python + Playwright（1）：页面操作（Page）「详细介绍」
blues_C的博客
04-26 1万+
Playwright 提供了丰富的页面操作功能，通过 page 对象可以实现对网页的导航、元素定位、交互、页面事件监测等操作。Page 对象是 Playwright 中表示页面的核心对象，它允许我们控制和操作浏览器中的页面。
Python + Playwright（进阶）：基础方法二次封装 & 链式调用
最新发布
blues_C的博客
06-05 1129
本文将探讨如何对Playwright的基础方法进行二次封装，以简化我们的测试脚本；通过封装，我们可以将复杂的操作抽象成简洁的方法，使得代码更加直观易懂；此外，再介绍链式调用的概念和实践，展示如何通过连贯的操作链来提升代码的执行效率和可读性。通过封装 Playwright 的操作，我们能够编写出更简洁、更一致的自动化测试脚本。使用 pytest fixture 可以方便地管理测试环境的初始化和清理工作，这样我们就能够专注于测试逻辑本身，而不是测试环境的搭建。
最强自动化测试框架Playwright-(2)元素定位
seanyang_的博客
08-10 2262
是playwright自动等待和重试功能的核心部分。简而言之，定位器表示一种随时在页面上查找元素的方法。如下这些是推荐的按显式和隐式辅助功能属性进行定位。使用F12元素拾取工具，可以看到一个元素的name和role。定位器反映用户和辅助技术如何感知页面，例如某些元素是按钮还是复选框。按角色查找时，通常还应传递辅助名称，以便定位器精确定位确切的元素。角色定位器包括按文本内容定位。通过元素包含的文本查找元素。使用时，可以通过子字符串、精确字符串或正则表达式进行匹配。
Playwright 常用元素定位方式（进阶版）
载_酒i
12-14 3649
他的作用主要是在元素定位后，进行二次筛选。以上为playwright进阶版的定位方式分享，后面会根据实际的使用进行更新，大家有什么关于 playwright使用的问题或者想要学习的内容，可以进行评论讨论，博主看到后会进行回复或文章分享～～～根据元素索引来选择元素，当符合定位信息的元素有多个时，我们通常要挑选出我们需要的元素，可以使用 nth()来进行挑选我们需要的是哪一个元素。我们在根据文本信息进行元素定位时，有文本的部分内容会发生变化的情况，我们可以通过正则表达式，来根据某些固定的内容，进行元素定位。
Web自动化测试之playwright：Web元素定位
测试开发小记
11-11 8410
要对web页面进行控制，首先需要定位到页面对应的元素，和Selenium一样，playwright也支持多种元素定位方法，下面来介绍它支持的元素选择器。 目录Text 定位属性值定位xpath定位css selector 定位CSS常规用法定位可见元素伪类：`:has() `伪类：`:is() `通过页面布局定位元素组合定位定位第n个元素：`:nth-match()`完整测试代码总结 playwright主要的选择器: Locator Description text 文本值 css s
playwright如何操作hooks元素 python
05-10
在 Playwright 中，你可以通过使用 `page.locator()` 方法来查找页面上的元素，并使用 `add_event_listener()` 方法来添加钩子监听器。以下是一个示例代码片段，演示如何在 Python 中使用 Playwright 来操作 Hooks 元素： ```python import asyncio from playwright.async_api import Playwright, async_playwright async def main(playwright: Playwright) -> None: browser = await playwright.chromium.launch() page = await browser.new_page() # 打开页面 await page.goto('https://www.example.com/') # 查找并点击 Hooks 元素 hooks_button = await page.locator('button[data-hook="my-hook"]').first() await hooks_button.click() # 添加钩子监听器 hooks_element = await page.locator('[data-hook="my-hook-element"]').first() await hooks_element.add_event_listener('click', lambda event: print('Hooks 元素被点击了！')) # 等待一段时间，以便能够看到钩子事件的效果 await asyncio.sleep(5) # 关闭浏览器 await browser.close() with async_playwright() as playwright: asyncio.get_event_loop().run_until_complete(main(playwright)) ``` 在这个示例中，我们首先使用 `page.goto()` 方法打开了一个页面，然后使用 `page.locator()` 方法查找了具有 `data-hook="my-hook"` 属性的按钮元素，并通过 `click()` 方法模拟了点击操作。 接下来，我们使用 `page.locator()` 方法查找了具有 `data-hook="my-hook-element"` 属性的元素，并使用 `add_event_listener()` 方法添加了一个 `click` 事件监听器，以便在元素被点击时打印一条消息。 最后，我们使用 `asyncio.sleep()` 方法等待了一段时间，以便能够看到钩子事件的效果，然后使用 `browser.close()` 方法关闭了浏览器。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

blues_C

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值