PlayWright元素定位:文本选择器

playwright的元素定位方式有很多种,比selinum的8大定位方式更多,定位器locator通过传入的选择器selector参数进行定位,所以定位方式很多的根本是选择器的选择方式还有很多种,今天讲解文本选择器。

文本选择器:Text Selector

文本选择器定位包含某些文本的元素,有下面两种方式:

  • page.locator("text=Log in").click()
  • page.locator("text='Log in'").click()

1)text=Log in 和 text='Log in' 的区别:

Log in 没有加引号(单引号或者双引号):模糊匹配 并 对大小写不敏感的

'Log in' 有引号:精确匹配 并 对大小写敏感

text=Log 匹配 <button>Log in</button> 或者 <button>LOG in</button>

text='Log' 不匹配 <button>Log in</button> 也不匹配 <button>log</button>

2)匹配时会将多个空格格式化为一个空格,并去掉头尾空格,比如:

text='Log in' 可以匹配 <button> Log in </button>

3)当文本中本身就有引号时,需要将引号进行转义&#

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
使用 Playwright 进行元素定位并获取文本内容可以通过以下步骤实现: 1. 首先,使用 `page.locator(selector)` 方法选择要定位元素。其中,`selector` 参数可以是 CSS 选择器、XPath 或其他支持的选择器。 2. 然后,可以使用 `element.innerText()` 或 `element.innerHTML()` 方法获取元素文本内容。其中,`innerText()` 方法仅返回元素文本内容,而 `innerHTML()` 方法返回元素的 HTML 内容。 下面是一个示例代码,演示如何使用 Playwright 定位并获取一个元素文本内容: ``` const { chromium } = require('playwright'); (async () => { const browser = await chromium.launch(); const page = await browser.newPage(); await page.goto('https://www.example.com'); // 定位元素并获取文本内容 const element = await page.locator('#myElement'); const textContent = await element.innerText(); console.log(`元素文本内容为:${textContent}`); await browser.close(); })(); ``` 在上面的示例中,我们首先使用 `page.goto(url)` 方法打开了一个网页,并使用 `page.locator(selector)` 方法选择了一个 ID 为 `myElement` 的元素。然后,我们使用 `element.innerText()` 方法获取了该元素文本内容,并将其输出到控制台上。最后,我们使用 `browser.close()` 方法关闭了浏览器。 需要注意的是,如果元素包含子元素,那么 `innerText()` 方法只会返回其子元素文本内容,而 `innerHTML()` 方法则会返回整个元素的 HTML 内容,包括其子元素。因此,在实际使用中需要根据具体情况选择使用哪种方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值