剧作家-从定位器元素中获取文本答案

【问题标题】：Playwright-Getting text from locator element剧作家-从定位器元素中获取文本
【发布时间】：2023-02-02 08:55:03
【问题描述】：

我试图只获取 h1 中的订单号

<h1 class="FulfillmentHeaderstyles__FulfillmentHeaderTitle-sc-1ges29w-3 PjsJX">
   Order #1004066
   <div aria-label="promise time" class="FulfillmentHeaderstyles__FulfillmentPromiseTime-sc-1ges29w-7 elUWJn">7:09 PM</div>
</h1>

代码试过了

const orderNumber = await window.locator('[class*=FulfillmentHeaderTitle]').textContent();
console.log(orderNumber);

控制台日志结果：Order #10040657:09 PM

我怎样才能只抓住订单号“Order #1004065”而不是孩子。提前致谢！

【问题讨论】：

由于 textContent 保留新行，您可以拆分字符串吗？ orderNumber.split('\n').at(1) // " Order #1004066"

标签： javascript playwright playwright-test

【解决方案1】：

你可以这样做：

console.log(document.querySelector('h1').innerText.split('
')[0])

<h1 class="FulfillmentHeaderstyles__FulfillmentHeaderTitle-sc-1ges29w-3 PjsJX">
   Order #1004066
   <div aria-label="promise time" class="FulfillmentHeaderstyles__FulfillmentPromiseTime-sc-1ges29w-7 elUWJn">7:09 PM</div>
</h1>

在这里你得到innerText，然后在换行符处拆分它得到一个数组，看起来像['Order #1004066', '7:09 PM']。因此，您使用索引 0 处的第一个元素来获取订单号。

【讨论】：