How to click element in Puppeteer using xPath

Question

I want to click on an element without using css selectors.

await page.click()

uses selectors to identify the element.

---

So how can I do something like this?

await page.click('/*[@id="toc"]/ul/li[1]/a')

Answer 1

First I had to get the element by using

await page.$x('<xPath>')

It returns an array with elements. To click I had to choose the first element in the array.

const elements = await page.$x('<xPath>')
await elements[0].click()