Locating elements(querying the elements):

• property.
• CSS
• XPath

Click event:

await page.locator('your locator').click()
                   or
await page.click("your locator")

property: it can be anything like name, class, ID, etc.

await page.locator("id=btn").click()

CSS:

await page.locator("#email").fill("shivaji")
await page.fill("#email", "shivaji")
await type.fill("#email", "shivaji")

await page.locator("input[name='password']").fill("shivaji")

Locate a single element:

//link/button:
await page.locator("id=btn").click()
await page.click("id=btn")

//Input box:
syntax for fill and type : fill("locator", "value")
await page.locator("#email").fill("shivaji")
await page.locator("#email").type("shivaji")
or
await page.fill("#email", "shivaji")
await page.type("#email", "shivaji")

Locate multiple elements:

Syntax: await page.$$("locator")