I tried targeting the below, but can't seem to get it to work. The error I get is
Error: Node is either not clickable or not an HTMLElement.
const btn = await page.$x(//button[contains(., 'My Button')])
await btn[0].click()
<div>
<button>
<translate original="My Button">My Button</translate>
</button>
</div>
If you truly want substring matching (for example, all of "My Button", "Not My Button", and "My Buttonless Shirt"), then use contains() as @Prophet shows.
On the other hand, if you simply want to abstract away whitespace (along with any elements wrapping the targeted text), then use normalize-space():
//button[normalize-space() = 'My Button']
This selects the button element whose space-normalized string value is exactly 'My Button'.
Instead of
//button[contains(., 'My Button')]
Try
//translate[contains(., 'My Button')]
Or maybe
//*[local-name()='translate' and contains(., 'My Button')]