Handling Alerts and Dialogs in Playwright

 When automating web applications using Playwright, one common challenge is managing browser dialogs such as alerts, confirms, and prompts. These native dialogs can interrupt test execution if not handled properly. Fortunately, Playwright provides robust APIs to manage these scenarios efficiently.

What Are Browser Dialogs?

Dialog boxes are native pop-ups generated by JavaScript, typically used for:

alert(message) – Displays a message and waits for user to click OK.

confirm(message) – Asks for user confirmation (OK/Cancel).

prompt(message, default) – Requests user input.

Playwright's dialog Event

Playwright uses an event-based mechanism to detect and handle these dialogs. The page.on('dialog') event listens for any dialog that appears and allows you to control its behavior.

Example: Handling an Alert

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

  console.log('Dialog message:', dialog.message());

  await dialog.accept();

});

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

In this example, Playwright listens for a dialog, prints its message, and accepts it automatically.

Example: Handling a Confirm Dialog

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

  console.log('Confirm message:', dialog.message());

  await dialog.accept(); // To click OK

  // await dialog.dismiss(); // To click Cancel

});

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

You can choose to either accept (OK) or dismiss (Cancel) the confirm box.

Example: Handling a Prompt Dialog

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

  console.log('Prompt message:', dialog.message());

  await dialog.accept('Playwright input'); // Provide input text

});

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

With prompts, you can also send text input along with accepting the dialog.

Best Practices

Always listen for dialogs before triggering the action that causes them.

Handle the dialog event once per occurrence or use .once() to avoid unexpected behavior in multiple dialogs.

Use proper error handling in case dialogs are not triggered.

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

  await dialog.accept();

});

Conclusion

Handling browser dialogs in Playwright is simple and efficient using the dialog event. Whether you're testing user confirmations, alerts, or prompts, this event-based approach ensures your tests remain stable and uninterrupted.

Learn Playwright Training in Hyderabad

Read More:

How to Handle Dropdowns and Checkboxes

Parallel Testing with Playwright

Playwright CLI Commands You Should Know

Capturing Screenshots in Playwright

Visit our IHub Talent Training Institute

Get Direction



Comments

Post a Comment

Popular posts from this blog

Tosca Installation and Environment Setup

 Tosca by Tricentis is a powerful tool for model-based test automation. It supports testing across various technologies like web, mobile, API, and enterprise applications. Setting up Tosca correctly is the first step towards building reliable and scalable test cases. In this blog, we’ll guide you through the Tosca installation process and the essential environment setup required to get started. System Requirements Before installing Tosca, ensure your system meets the following minimum requirements: Operating System: Windows 10 (64-bit) or later RAM: 8 GB (16 GB recommended) Disk Space: At least 10 GB free space .NET Framework: Version 4.7.2 or higher Microsoft SQL Server: Express, Standard, or Enterprise (for shared repositories) Downloading Tosca Visit the Tricentis Support Portal or Tricentis Official Website. Log in or create an account. Navigate to the Downloads section and select Tosca Testsuite. Choose the latest stable version and download the installer (typically in .exe fo...
Read more

Automated Regression Testing with Selenium

 Regression testing ensures that new code changes do not negatively impact the existing functionality of an application. As applications grow and evolve, manually performing regression tests becomes time-consuming and error-prone. Selenium, a leading open-source test automation tool for web applications, is an excellent choice for automating regression testing. What is Regression Testing? Regression testing involves re-running previously completed test cases after code changes to verify that existing features continue to work as expected. It is critical for maintaining application stability during frequent updates, especially in agile and DevOps environments. Why Use Selenium for Regression Testing? Selenium supports multiple browsers (Chrome, Firefox, Edge), programming languages (Java, Python, C#, etc.), and platforms. Its flexibility and integration capabilities make it ideal for building and executing automated regression test suites. Key Benefits: Open-source and community-sup...
Read more

How Playwright Supports Multiple Browsers

 Playwright is a modern open-source automation framework developed by Microsoft for end-to-end testing of web applications. One of its standout features is its native support for multiple browsers, making it a powerful tool for developers and testers aiming for broad test coverage and cross-browser compatibility. In this blog, we’ll explore how Playwright supports multiple browsers, why it matters, and how you can take advantage of this feature in your test automation strategy. Why Multi-Browser Support Matters Web applications today are accessed through various browsers such as Chrome, Firefox, and Safari, each with its rendering engine and behavior. Testing across multiple browsers ensures: Consistent user experience Bug detection in specific browsers Better accessibility and usability Increased reliability of the application Playwright’s Browser Support Playwright supports the following major browser engines: Chromium Powers browsers like Google Chrome and Microsoft Edge Ideal f...
Read more