How can I select an element by Id?

Question

I wonder how I can access an element by ID. I want to submit a form.

• await page.click("id= 'next'"); --> not possible
• await page.getByRole('button', { id: 'next' }).click(); --> does not compile
• await page.getByRole('button', { name: 'Sign in' }).click(); --> work but is language dependent

Selecting elements by their ID seems the most robust to me. Am I missing something?

Answer 1

You can do something like this:

await page.locator("#YourId").click()

or just

await page.click("#YourId");

Playwright recommends some predefined locators so you could also check if some off those fit your use case.

Answer 2

What you are missing in the first example are the square brackets, instead of:

await page.click("id= 'next'");

you should do this:

await page.click("[id='next']");

alternatively, you can use the shorthand version like mentioned in the other answer