Articles → SELENIUM → Handling Javascript Alerts In Selenium

Handling Javascript Alerts In Selenium

In this article, we will see how to deal with JavaScript alerts in Selenium

Alert Class In Java

Alert class in Java is used to deal with JavaScript alerts. There are four methods of Alert class that we are going to discuss in this article

accept() – Method used to click ‘Ok’ button in an alert.
dismiss() – Method used to click ‘Cancel’ button in an alert
getText() – Method used to get text from an alert.
sendKeys() – Method used to send text to an alert.

Now let us check above methods from JavaScript’s alert perspective

Simple Alert Box

Consider the following alert box

Picture showing the different parts of the alert box

Click to Enlarge

In the above figure, we have a ‘Ok’ button and an alert text. So we will use accept() and getText() method for this alert.

First of all, let us create one HTML file.

	<!DOCTYPE html>
	<html lang="en"
		xmlns="http://www.w3.org/1999/xhtml">
		<head>
			<meta charset="utf-8" />
			<title></title>
		</head>
		<body>
			<script>
	alert("This is the test alert message");
	</script>
		</body></html>

Once we have written the HTML code, we will write Selenium code to open the HTML page. See the following code

package com.FirstSeleniumProject;

import org.openqa.selenium.Alert;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;

public class MyClass {

	public static void main(String[] args) {
		WebDriver driver;
		String service = "IEDriverServer path";
		System.setProperty("webdriver.ie.driver", service);
		driver = new InternetExplorerDriver();
		driver.get("http://localhost:18275/Page1.html");

		Alert alert = driver.switchTo().alert();
		String alertMessage = alert.getText();
		alert.accept();
		System.out.println(alertMessage);
	}
}

In the above code, we are accepting the alert i.e. click on ‘Ok’ and get the alert text. Now run the above selenium program, and you will get following output.

An alert message appears
‘Ok’ button is clicked and alert message disappears.
An alert message will be displayed in console.

Picture showing how to handle simple alert box in selenium

Click to Enlarge

Confirm Alert Box

There is another type of alert box called confirmation alert. See the following figure

Picture showing the different parts of the confirm box

Click to Enlarge

In the above figure, we have a ‘Ok’ button, ‘Cancel’ button and an alert text. So we will use accept(), dismiss() and getText() method for this alert.

Let us create an HTML page for confirmation alert.

		<!DOCTYPE html>
		<html lang="en"
			xmlns="http://www.w3.org/1999/xhtml">
			<head>
				<meta charset="utf-8" />
				<title></title>
			</head>
			<body>
				<script>
        var out = confirm("Are you sure you want to click on Ok");
        document.write(out);
    </script>
			</body></html>

Now write the selenium code for confirmation popup message. Let us run the same code as above

package com.FirstSeleniumProject;

import org.openqa.selenium.Alert;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;

public class MyClass {

	public static void main(String[] args) {
		WebDriver driver;
		String service = "IEDriverServer path";
		System.setProperty("webdriver.ie.driver", service);
		driver = new InternetExplorerDriver();
		driver.get("http://localhost:18275/Page1.html");

		Alert alert = driver.switchTo().alert();
		String alertMessage = alert.getText();
		alert.accept();
		System.out.println(alertMessage);
	}
}

When you run the above code, you will get following output

An alert message appears
‘Ok’ button is clicked and alert message disappears.
An alert message text will be displayed in console.
‘true’ is written on HTML page.

Picture showing how the confirm box is handled using selenium when ok button is clicked

Click to Enlarge

Now change the selenium code and change accept() function to dismiss(). So the selenium code will be

package com.FirstSeleniumProject;

import org.openqa.selenium.Alert;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;

public class MyClass {

	public static void main(String[] args) {
		WebDriver driver;
		String service = "IEDriverServer path";
		System.setProperty("webdriver.ie.driver", service);
		driver = new InternetExplorerDriver();
		driver.get("http://localhost:18275/Page1.html");

		Alert alert = driver.switchTo().alert();
		String alertMessage = alert.getText();
		alert.dismiss();
		System.out.println(alertMessage);
	}
}

Now run the above code, you will get following output

An alert message appears
‘Cancel’ button is clicked and alert message disappears.
An alert message text will be displayed in console.
‘false’ is written on HTML page.

Picture showing how the confirm box is handled using selenium when cancel button is clicked

Click to Enlarge

Prompt Alert Box

Third type of alert box is prompt alert box that takes input from the user.

Click to Enlarge

First of all, change the HTML code. So HTML code will be

			<!DOCTYPE html>
			<html lang="en"
				xmlns="http://www.w3.org/1999/xhtml">
				<head>
					<meta charset="utf-8" />
					<title></title>
				</head>
				<body>
					<script>
       prompt("Please enter your age", "18");
    </script>
				</body></html>

Selenium code will be

package com.FirstSeleniumProject;

import org.openqa.selenium.Alert;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;

public class MyClass {

	public static void main(String[] args) {
		WebDriver driver;
		String service = "IEDriverServer path";
		System.setProperty("webdriver.ie.driver", service);
		driver = new InternetExplorerDriver();
		driver.get("http://localhost:18275/Page1.html");

		Alert alert = driver.switchTo().alert();
		String alertMessage = alert.getText();
		alert.sendKeys("19");
		alert.dismiss();
		System.out.println(alertMessage);
	}
}

Run the above selenium code and you will get the following output

A prompt alert message will appear with ‘18’ as its default value
Value will be changed to ‘19’.

Picture showing the prompt alert box for the user to enter the value

Click to Enlarge

‘Cancel’ button is clicked and alert message disappears.
An alert message text will be displayed in console.

Picture showing how the prompt alert box is handled in selenium

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Saturday, April 15, 2017

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**