Lesson 5: Handle Alerts and Dropdowns

Handling Popups & Menus

Alerts and Dropdowns

Alerts and Dropdowns

1. JavaScript Dialogs

Playwright handles alerts, confirms, and prompts automatically, but you can intercept them:

javascript

page.on('dialog', async dialog => {

console.log(dialog.message());

await dialog.accept();

});

await page.click('#alert-trigger');

2. Dropdowns (Select)

javascript

await page.locator('#country-select').selectOption('USA');

await page.locator('#multi-select').selectOption(['Red', 'Green']);

    CareerRaah - AI Learning Platform for Professionals