3. Async, Await & Promise Handling

Why Playwright is Fully Asynchronous

Browsers run in separate processes. Every interaction returns a Promise.

// ✅ Correct: Await every browser command
async function performLogin(page) {
  await page.goto("https://targetqa.com/login");
  await page.getByLabel("Email").fill("user@targetqa.com");
  await page.getByRole("button", { name: "Sign in" }).click();
}
// Parallel operations with Promise.all:
const [response] = await Promise.all([
  page.waitForResponse("**/api/login"),
  page.getByRole("button", { name: "Sign in" }).click(),
]);