How to Handle Alerts Using Katalon Studio

1. What Is an alert?

An alert is a JavaScript function which is used to notify users on a Web page. It displays a dialog with a specified message and OK/Cancel buttons.

The alert is a modal dialog that takes the focus away from the current window and forces the user to take action before performing other actions. It also prevents the user from accessing other parts of the page until the user performs the action presented in the dialog. For example, when the user clicks on the “Delete” button, an alert would be triggered asking the user, ‘Are you sure, you want to delete this?’ The user has to take action on this dialog.

You can handle alerts using Katalon Studio's built-in keywords. This tutorial shows how to do so with HTML examples. You can get the HTML by clicking here.

2. Handle Alerts Using Katalon Studio

2.1. Handle Accept Alert

This alert method is used to confirm an action performed by the user. You can handle this method either in the manual or script mode.

Manual Mode

• Step 1: Launching the browser and navigating to the Alert present page using the Open Browser method.
• Step 2: Maximize the window of the browser.
• Step 3: Click on the button.
• Step 4: Call the Accept alert method.

Script Mode

import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject
import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI

'Launching the browser navigating to Alert present page\r\n'
WebUI.openBrowser('C:\\\\Users\\\\User\\\\Desktop\\\\How to Handle Alerts.html')

'Maximize the window of the browser'
WebUI.maximizeWindow()

'Clicking on  button'
WebUI.click(findTestObject('Alerts/button_ClickHere'))

'Accepting the Alert'
WebUI.acceptAlert()

2.2. Handle Dismiss Alert

This alert method is used to ask the user to cancel something.

Manual Mode

• Step 1: Launching the browser and navigating to the Alert present page using the Open Browser method.
• Step 2: Maximize the window of the browser.
• Step 3: Click on the button.
• Step 4: Call the Dismiss alert method.

Script Mode

import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject
import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI

'Launching the browser navigating to Alert present page\r\n'
WebUI.openBrowser('C:\\\\Users\\\\User\\\\Desktop\\Alerts\\How to Handle Alerts2.html')

'Maximize the window of the browser'
WebUI.maximizeWindow()

'Clicking on  button'
WebUI.click(findTestObject('Alerts/button_ClickHere'))

'Dismiss the Alert '
WebUI.dismissAlert()

2.3. Send data to an alert dialog

We can pass text to an Alert text message by using the sendKeys() method.

Manual Mode

• Step 1: Launching the browser and navigating to the Alert present page using the Open Browser method. 
• Step 2: Maximize the window of the browser.
• Step 3: Click on the button.
• Step 4: Using the sendKeys method, pass the text to an Alert.

Script Mode

import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject
import org.openqa.selenium.WebDriver as WebDriver
import com.kms.katalon.core.webui.driver.DriverFactory as DriverFactory
import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI

'Launching the browser navigating to Alert present page\r\n'
WebUI.openBrowser('C:\\\\Users\\\\User\\\\Desktop\\Alerts\\How to Handle Alerts2.html')

'Maximize the window of the browser'
WebUI.maximizeWindow()

'Clicking on  button'
WebUI.click(findTestObject('Alerts/button_ClickHere'))

WebDriver driver = DriverFactory.getWebDriver()

'Passing the text in the text box in the Alert\r\n'
driver.switchTo().alert().sendKeys('Testing')

'Dismiss the Alert'
WebUI.dismissAlert()

2.4. Capture the Alert Message

We can see the message used in the Alert by using the getText() method.

Manual Mode

• Step 1: Launching the browser and navigating to the Alert present page using the Open Browser method.
• Step 2: Maximize the window of the browser.
• Step 3: Click on the button.
• Step 4: Getting the text from the alert and storing it in a variable.
• Step 5: Verifying the Actual and Expected text used in the Alert.

Script Mode

import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject
import org.openqa.selenium.WebDriver as WebDriver
import com.kms.katalon.core.webui.driver.DriverFactory as DriverFactory
import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI

'Launching the browser'
WebUI.openBrowser('C:\\\\Users\\\\User\\\\Desktop\\Alerts\\How to Handle Alerts2.html')

'Maximize the window of the browser'
WebUI.maximizeWindow()

'Clicking on the click here button'
WebUI.click(findTestObject('Alerts/button_ClickHere'))

WebDriver driver = DriverFactory.getWebDriver()

'Getting the text from the alert and storing it in Variable'
String AlertText = driver.switchTo().alert().getText()

'Verifying the Actual and Expected text from Alert'
WebUI.verifyEqual(AlertText, 'Please enter your name')

The source code is available to be downloaded here.

For further instructions and help, refer to WebUI Alert and Solving pop-up dialog issue with Katalon Studio.