Puppeteer：如何通过文本查找元素

Question

I use the Puppeteer framework to automize tests. I need to find an element as per a text:

await page.focus(//span[contains(text(), 'Name')]])

<span class="some_placeholder">Name</span>
<span class="some_placeholder">Phone Number</span>

But in this case the following error occurs: "Evaluation failed: DOMException: Failed to execute 'querySelector' on Document '' is not a valid selector.." span[class='name'] finds some elements successfully but only one element is needed.

focus() accepts CSS selector and does not accept contains() ot text() methods.

How should I code the search condition correctly?

Answer 1

You caan use XPath with page.$x() and then call elementHandle.focus() :

const [element] = await page.$x('//span[contains(text(), "Name")]');
await element.focus();