Get your setup working faster. Join our Discord for optimisation tips from elite testers.

Handle pop-ups, permissions, and notifications

Learn how to manage pop-ups, permissions, and notifications in different browsers when running your Selenium tests on BrowserStack Automate.

When testing any web application, you might encounter certain advertisement pop-ups, notifications, or permission pop-ups for camera or microphones. This guide provides code samples and solutions to handle such pop-ups when testing your application.

Some of the most common pop-ups seen in both desktop and mobile devices are as follows -

Type of pop-up	Description	Reference
Web pop-ups	These are pop-ups that appear as a separate browser window.	Web pop-ups
JS Alerts	These alerts are native browser pop-ups and are classified as an alert, a confirm alert, or a prompt alert. Check out Selenium documentation to learn more about these alerts.	JS alerts
Permission pop-ups	These alerts are raised by some applications that might need permission to access native device features, such as camera or microphone.	Permission pop-ups
Location pop-ups	These alerts are raised by applications that want to show their customers region-specific offers, currency, or other information.	Location pop-ups
Notification pop-ups	These alerts are raised by applications for permission to push notifications to the foreground of the user’s screen.	Notification pop-ups

In this guide, you will also learn how to:

Handle switching tabs in iOS devices
Handle any app permission pop-up using Native context

Web pop-ups

The web pop-ups appear as a separate window when accessing a website as shown in the following image. Apart from closing the pop-up, sometimes, these pop-ups require you to click a button as acceptance optionally. These workflows are mostly related to advertising, subscription, opt-in, etc. You can handle such pop-ups, as explained in this section.

Browser Location Access Popup

The default pop-up behavior in different browsers on desktop devices is as follows:

Browser	Pop-ups enabled by default
Chrome	Yes
Safari	No
Edge	Yes
Firefox	Yes

You can handle most pop-ups that appear in mobile devices using NATIVE_APP context. Check out how to handle pop-ups in native context to learn about managing web pop-ups in mobile devices.

Enable all pop-ups in Safari or IE for desktop devices

BrowserStack SDK
Non-SDK Integration

If you are using BrowserStack SDK, you can set the capabilities covered in this document within the configuration file. To test if the pop-ups appear in Safari or Edge, you can enable pop-ups as follows:

To enable the pop-ups in Edge, set the enablePopups capability to true.

Copy

Disable all pop-ups in Chrome, Safari, and Edge for desktop devices

Use the sample code snippets to disable pop-ups in the following browsers.

To disable the pop-ups in Chrome, set the enablePopups capability to false.

Copy

To disable the pop-ups in Safari, set the enablePopups capability to false.

Copy

To disable the pop-ups in Edge, set the enablePopups capability to false.

Copy

Use the sample code snippets to disable the know your location pop-up in the following devices.

Desktop
Mobile

If your web application requests access to your location, the following pop-up appears on the desktop where the test is running:

Browser Location Access Popup

Chrome
Firefox

The snippet below lets you automate an Allow or Block interaction when the remote Chrome browser requests the location.

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeOptions;
import org.openqa.selenium.remote.DesiredCapabilities;
import org.openqa.selenium.remote.RemoteWebDriver;

import java.net.URL;
import java.util.HashMap;
import java.util.Map;

public class AllowGeoLocationPopup {
  public static final String AUTOMATE_USERNAME = "YOUR_USERNAME";
  public static final String AUTOMATE_KEY = "YOUR_ACCESS_KEY";
  public static final String URL = "https://" + AUTOMATE_USERNAME + ":" + AUTOMATE_KEY + "@hub-cloud.browserstack.com/wd/hub";

  public static void main(String[] args) throws Exception {
    DesiredCapabilities caps = new DesiredCapabilities();
    caps.setCapability("browser", "Chrome");
    caps.setCapability("browser_version", "128.0");
    caps.setCapability("os", "Windows");
    caps.setCapability("os_version", "11");

    // INIT CHROME OPTIONS
    ChromeOptions options = new ChromeOptions();
    Map < String, Object > prefs = new HashMap < String, Object > ();
    Map < String, Object > profile = new HashMap < String, Object > ();
    Map < String, Object > contentSettings = new HashMap < String, Object > ();

    // SET CHROME OPTIONS
    // 0 - Default, 1 - Allow, 2 - Block
    contentSettings.put("geolocation", 1);
    profile.put("managed_default_content_settings", contentSettings);
    prefs.put("profile", profile);
    options.setExperimentalOption("prefs", prefs);

    // SET CAPABILITY
    caps.setCapability(ChromeOptions.CAPABILITY, options);
    WebDriver driver = new RemoteWebDriver(new URL(URL), caps);
    driver.get("https://the-internet.herokuapp.com/geolocation");
    driver.findElement(By.xpath("//*[@id='content']/div/button")).click();
    Thread.sleep(5000);
    driver.quit();
  }
}

const webdriver = require('selenium-webdriver');

// SET CAPABILITY
const capabilities = {
  'browserName' : 'chrome',
  'browser_version' : 'latest',
  'os' : 'Windows',
  'os_version' : '11',
  'browserstack.user' : 'YOUR_USERNAME',
  'browserstack.key' : 'YOUR_ACCESS_KEY',
  'build': 'Location pop-ups in Browsers ',
  'name': 'location popups disabled in Chrome',
  // SET Chrome options
  'goog:chromeOptions': {
    prefs: {
      // 0 - Default, 1 - Allow, 2 - Block
      'profile.managed_default_content_settings.geolocation' : 1
    }
  }
  // // SET Firefox options
  // 'moz:firefoxOptions': {
  //   prefs: {
  //     'dom.disable_beforeunload': true,
  //     'dom.webnotifications.enabled': false,
  //     'geo.enabled': true,
  //     'geo.provider.use_corelocation': false,
  //     'geo.prompt.testing': true,
  //     'geo.prompt.testing.allow': true,
  //   }
  // }
  // // SET Edge options
  // 'ms:edgeOptions': {
  //   prefs: {
  //     // 0 - Default, 1 - Allow, 2 - Block
  //     'profile.managed_default_content_settings.geolocation' : 1
  //   }
  // }
}

const runSampleTest = async capabilities => {
  let driver;
  try {
    driver = new webdriver.Builder()
      .usingServer(`https://hub.browserstack.com/wd/hub`)
      .withCapabilities(capabilities)
      .build();

    await driver.get('https://the-internet.herokuapp.com/geolocation');
    const element = await driver.findElement(
      webdriver.By.xpath("//button[contains(text(),'Where am I?')]")
    );
    await element.click();
  } catch (e) {
    console.log(e);
  } finally {
    if (driver) {
      await driver.quit();
    }
  }
};

runSampleTest(capabilities);

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.Hosting;
using Microsoft.Extensions.Logging;
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Remote;

namespace SampleCSharp
{
    public class Program
    {
        public static void Main(string[] args)
        {
            RemoteWebDriver driver;
            Dictionary<string, object> profile = new Dictionary<string, object>();

            // 0 - Default, 1 - Allow, 2 - Block
            profile.Add("profile.default_content_setting_values.geolocation", 1);

            // INIT OPTIONS
            Dictionary<string, object> chromeOptions = new Dictionary<string, object>();
            //Set edgeOptions
            // Dictionary<string, object> edgeOptions = new Dictionary<string, object>();

            // SET CHROME OPTIONS
            chromeOptions.Add("prefs", profile);
            // SET EDGE OPTIONS
            // edgeOptions.Add("prefs", profile);

            // SET CAPABILITY
            ChromeOptions capability = new ChromeOptions();
            capability.AddAdditionalCapability("browser", "Chrome", true);
            //Set Edge capabilities
            // EdgeOptions capability = new EdgeOptions();
            // capability.AddAdditionalCapability("browser", "Edge", true);
            capability.AddAdditionalCapability("browser_version", "128.0", true);
            capability.AddAdditionalCapability("os", "Windows", true);
            capability.AddAdditionalCapability("os_version", "11", true);
            capability.AddAdditionalCapability("browserstack.debug", "true", true);
            capability.AddAdditionalCapability("browserstack.user", "YOUR_USERNAME", true);
            capability.AddAdditionalCapability("browserstack.key", "YOUR_ACCESS_KEY", true);
            capability.AddAdditionalCapability("chromeOptions", chromeOptions, true);
            //Set edgeOptions 
            // capability.AddAdditionalCapability("edgeOptions", edgeOptions, true);

            driver = new RemoteWebDriver(new Uri("https://hub-cloud.browserstack.com/wd/hub/"), capability);
            driver.Navigate().GoToUrl("https://the-internet.herokuapp.com/geolocation");
            driver.FindElement(By.XPath("//*[@id='content']/div/button")).Click();
            Thread.Sleep(5000);
            driver.Quit();
        }

    }
}

from time import sleep
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities
from selenium.webdriver.chrome.options import Options

# INIT OPTIONS
# Initialize chromeoptions
chrome_options = Options()

# initialize edgeoptions
edge_options = Options()
# 0 - Default, 1 - Allow, 2 - Block
# edge_options.add_experimental_option("prefs", { "profile.default_content_setting_values.geolocation": 1})
# Initialize firefoxoptions
# firefox_options = Options()


# SET OPTIONS
# Set chromeOptions
# 0 - Default, 1 - Allow, 2 - Block
chrome_options.add_experimental_option("prefs", { "profile.default_content_setting_values.geolocation": 1})
# Set firefoxOptions
# firefox_options.add_experimental_option("prefs", 
# { "dom.disable_beforeunload": True, 
#   'dom.webnotifications.enabled': False, 
#   'geo.enabled': True,
#   'geo.provider.use_corelocation': False,
#   'geo.prompt.testing': True,
#   'geo.prompt.testing.allow': True,})
# Set edgeOptions
# 0 - Default, 1 - Allow, 2 - Block
# edge_options.add_experimental_option("prefs", { "profile.default_content_setting_values.geolocation": 1})


# SET CAPABILITY
# Change desired cap to "edge_options" for Edge and "firefox_options" for Firefox
desired_cap = chrome_options.to_capabilities()
desired_cap.update({
  'browser_version': '128',
  "browser": 'Chrome',
  'os': 'Windows',
  'os_version': '11'
})

driver = webdriver.Remote(command_executor='https://YOUR_USERNAME:YOUR_ACCESS_KEY@hub-cloud.browserstack.com/wd/hub', desired_capabilities=desired_cap)
driver.get("https://the-internet.herokuapp.com/geolocation")
driver.find_element_by_xpath("//*[@id='content']/div/button").click()
sleep(10)
driver.quit()

require 'rubygems'
require 'selenium-webdriver'

# SET OPTIONS
# Set chromeOptions
# 0 - Default, 1 - Allow, 2 - Block
caps = Selenium::WebDriver::Remote::Capabilities.chrome("chromeOptions" => {"prefs" => { "profile.default_content_setting_values.geolocation" => 1 } })
# Set edgeOptions
# caps = Selenium::WebDriver::Remote::Capabilities.edge("edgeOptions" => {"prefs" => { "profile.default_content_setting_values.geolocation" => 1 } })
  

# SET CAPABILITY
caps['browser'] = 'Chrome'
caps['browser_version'] = '128.0'
caps['os'] = 'Windows'
caps['os_version'] = '11'
driver = Selenium::WebDriver.for(:remote,
  :url => "https://YOUR_USERNAME:YOUR_ACCESS_KEY@hub-cloud.browserstack.com/wd/hub",
  :desired_capabilities => caps)
driver.navigate.to "https://the-internet.herokuapp.com/geolocation"
driver.find_element(:xpath, "//*[@id='content']/div/button").click;
sleep 2
driver.quit

Camera and microphone pop-ups

Use the sample code snippets to disable the camera and microphone pop-ups on the following devices.

Desktop
Mobile

When a web application requires access to the camera and microphone, the following pop-ups appear on the desktop:

use camera android Microphone Permission popup

The snippet below lets you automate an Allow or Block interaction when your web app requests access to a camera or microphone.

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeOptions;
import org.openqa.selenium.remote.DesiredCapabilities;
import org.openqa.selenium.remote.RemoteWebDriver;

import java.net.URL;

public class AllowCameraPopupChrome {
  public static final String AUTOMATE_USERNAME = "YOUR_USERNAME";
  public static final String AUTOMATE_KEY = "YOUR_ACCESS_KEY";
  public static final String URL = "https://" + AUTOMATE_USERNAME + ":" + AUTOMATE_KEY + "@hub-cloud.browserstack.com/wd/hub";

  public static void main(String[] args) throws Exception {

    //Configure ChromeOptions to pass fake media stream
    ChromeOptions options = new ChromeOptions();
    options.addArguments("use-fake-device-for-media-stream");
    options.addArguments("use-fake-ui-for-media-stream");

    DesiredCapabilities caps = new DesiredCapabilities();
    caps.setCapability("browser", "Chrome");
    caps.setCapability("browser_version", "128.0");
    caps.setCapability("os", "Windows");
    caps.setCapability("os_version", "11");
    caps.setCapability(ChromeOptions.CAPABILITY, options);
    WebDriver driver = new RemoteWebDriver(new URL(URL), caps);

    //WebCam Test
    driver.get("https://webcamtests.com/check");
    Thread.sleep(5000);
    driver.findElement(By.id("webcam-launcher")).click();
    Thread.sleep(2000);

    //Mic Test
    driver.get("https://www.vidyard.com/mic-test/");
    Thread.sleep(2000);
    driver.findElement(By.xpath("//a[@id='start-test']")).click();
    Thread.sleep(2000);

    driver.quit();
  }
}

var webdriver = require('selenium-webdriver');
var chrome = require("selenium-webdriver/chrome");
const {By} = require('selenium-webdriver');

var capabilities = {
  'browserName': 'Chrome',
  'browser_version': '95.0',
  'os': 'Windows',
  'os_version': '11',
  'build': 'new camera/mic popup tests',
  'safariAllowPopups': 'true',
  'autoAcceptPermissions': 'true',
  'autoAcceptAlerts': 'True',
  // Configure ChromeOptions to pass fake media stream
  'goog:chromeOptions': {
    'args': ["--use-fake-device-for-media-stream", "--use-fake-ui-for-media-stream"]
  }
// // Configure edgeOptions to pass fake media stream
//   'ms:edgeOptions': {
//       'args': ["--use-fake-device-for-media-stream", "--use-fake-ui-for-media-stream"]
//  }
// // Configure firefoxOptions to pass fake media stream
// 'moz:firefoxOptions': {
//       prefs: {
//         'dom.disable_beforeunload': true,
//         'dom.webnotifications.enabled': false,
//         'media.webrtc.hw.h264.enabled': true,
//         'media.getusermedia.screensharing.enabled': true,
//         'media.navigator.permission.disabled': true,
//         'media.navigator.streams.fake': true,
//         'media.peerconnection.video.h264_enabled': true,
//       }
//   }
}

async function runTestWithCaps () {
  let driver = new webdriver.Builder().usingServer('https://YOUR_USERNAME:YOUR_ACCESS_KEY@hub-cloud.browserstack.com/wd/hub').withCapabilities(capabilities).build();
  await driver.get("https://webcamtests.com/check");
  var x = await driver.wait(webdriver.until.elementIsVisible(driver.findElement(By.xpath('//*[@id="webcam-launcher"]'), 1000)));
  await x.click()
  await driver.get("https://www.vidyard.com/mic-test/");
  var elements = await driver.wait(driver.findElements(By.css('#gdpr-banner > div > button'), 1000));
  if (elements.length > 0){
    await elements[0].click()
  }
  y = await driver.wait(webdriver.until.elementIsVisible(driver.findElement(By.xpath('//*[@id="start-test"]'), 1000)));   
//   await sleep(5000);
  await y.click() 
  await driver.quit();
}
runTestWithCaps(); 

using System;
using OpenQA.Selenium;
using OpenQA.Selenium.Remote;
using System.Threading;
using OpenQA.Selenium.Chrome;

namespace SampleCSharp
{
    public class AllowCameraMicPopupChrome
    {
        static void Main(string[] args)
        {
            IWebDriver driver;

            //Configure ChromeOptions to pass fake media stream
            ChromeOptions chromeOptions = new ChromeOptions();
            chromeOptions.AddArgument("--use-fake-device-for-media-stream");
            chromeOptions.AddArgument("--use-fake-ui-for-media-stream");

            chromeOptions.AddAdditionalCapability("browser", "Chrome", true);
            chromeOptions.AddAdditionalCapability("browser_version", "128.0", true);
            chromeOptions.AddAdditionalCapability("os", "Windows", true);
            chromeOptions.AddAdditionalCapability("os_version", "11", true);
            chromeOptions.AddAdditionalCapability("browserstack.user", "YOUR_USERNAME", true);
            chromeOptions.AddAdditionalCapability("browserstack.key", "YOUR_ACCESS_KEY", true);

            driver = new RemoteWebDriver(
              new Uri("https://hub-cloud.browserstack.com/wd/hub/"), chromeOptions);

            // Webcam Test           
            driver.Navigate().GoToUrl("https://webcamtests.com/check");
            Thread.Sleep(5000);
            driver.FindElement(By.Id("webcam-launcher")).Click();
            Thread.Sleep(5000);

            // Mic Test
            driver.Navigate().GoToUrl("https://www.vidyard.com/mic-test/");
            Thread.Sleep(2000);
            driver.FindElement(By.XPath("//a[@id='start-test']")).Click();
            Thread.Sleep(5000);

            driver.Quit();
        }
    }
}

from selenium import webdriver
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities
from selenium.webdriver.chrome.options import Options
import time

desired_cap = {
  'browser_version': '128.0',
  'os': 'Windows',
  'os_version': '11',

  #Configure ChromeOptions to pass fake media stream
  'chromeOptions': {
    'args': ["--use-fake-device-for-media-stream", "--use-fake-ui-for-media-stream"]
  }
}
driver = webdriver.Remote(command_executor = 'https://YOUR_USERNAME:YOUR_ACCESS_KEY@hub.browserstack.com/wd/hub', desired_capabilities = desired_cap)

# WebCam Test
driver.get("https://webcamtests.com/check")
time.sleep(5)
driver.find_element_by_id("webcam-launcher").click()
time.sleep(5)

# Mic Test
driver.get("https://www.vidyard.com/mic-test/")
time.sleep(5)
driver.find_element_by_xpath("//a[@id='start-test']").click()
time.sleep(10)
driver.quit()

require 'rubygems'
require 'selenium-webdriver'

#Configure ChromeOptions to pass fake media stream
caps = Selenium::WebDriver::Remote::Capabilities.chrome("chromeOptions" => {"args" => ['--use-fake-device-for-media-stream', '--use-fake-ui-for-media-stream'] })
caps['browser'] = 'Chrome'
caps['browser_version'] = '128.0'
caps['os'] = 'Windows'
caps['os_version'] = '11'
driver = Selenium::WebDriver.for(:remote, :url => "https://YOUR_USERNAME:YOUR_ACCESS_KEY@hub-cloud.browserstack.com/wd/hub", :desired_capabilities => caps)

# WebCam Test
driver.navigate.to "https://webcamtests.com/check"
sleep(5)
driver.find_element(:id, "webcam-launcher").click;
sleep(5)

#Mic Test
driver.navigate.to "https://www.vidyard.com/mic-test/"
sleep(5)
driver.find_element(:xpath, "//a[@id='start-test']").click;
sleep(10)
driver.quit

Use the sample code snippets to disable the notification pop-up in the following devices.

Desktop
Mobile

When your web application requests permission to show notifications, the following pop-up appears on desktop devices:

popup for notification permission

The snippet below lets you automate an Allow or Block interaction when your web app requests permission to show notifications.

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeOptions;
import org.openqa.selenium.remote.DesiredCapabilities;
import org.openqa.selenium.remote.RemoteWebDriver;

import java.net.URL;
import java.util.HashMap;
import java.util.Map;

public class AllowNotificationPopupDesktop {
  public static final String AUTOMATE_USERNAME = "YOUR_USERNAME";
  public static final String AUTOMATE_KEY = "YOUR_ACCESS_KEY";
  public static final String URL = "https://" + AUTOMATE_USERNAME + ":" + AUTOMATE_KEY + "@hub-cloud.browserstack.com/wd/hub";

  public static void main(String[] args) throws Exception {
    DesiredCapabilities caps = new DesiredCapabilities();
    caps.setCapability("browser", "Chrome");
    caps.setCapability("browser_version", "128.0");
    caps.setCapability("os", "Windows");
    caps.setCapability("os_version", "11");

    // INIT CHROME OPTIONS
    ChromeOptions options = new ChromeOptions();
    Map<String, Object> prefs = new HashMap<String, Object>();
    Map<String, Object> profile = new HashMap<String, Object>();
    Map<String, Object> contentSettings = new HashMap<String, Object>();

    // SET CHROME OPTIONS
    // 0 - Default, 1 - Allow, 2 - Block
    contentSettings.put("notifications", 1);
    profile.put("managed_default_content_settings", contentSettings);
    prefs.put("profile", profile);
    options.setExperimentalOption("prefs", prefs);

    // SET CAPABILITY
    caps.setCapability(ChromeOptions.CAPABILITY, options);

    WebDriver driver = new RemoteWebDriver(new URL(URL), caps);

    driver.get("https://web-push-book.gauntface.com/demos/notification-examples/");
    driver.findElement(By.xpath("//body/main[1]/p[3]/input[1]")).click();
    Thread.sleep(2000);
    driver.quit();
  }
}

const webdriver = require('selenium-webdriver');

const capabilities = {
  'browserName': 'Chrome',
  'browser_version': 'latest',
  'os': 'Windows',
  'os_version': '11',
  'browserstack.user': 'YOUR_USERNAME',
  'browserstack.key': 'YOUR_ACCESS_KEY',
  // Set chrome options
  'goog:chromeOptions': {
    prefs: {
      // 0 - Default, 1 - Allow, 2 - Block
      'profile.managed_default_content_settings.notifications': 1
    }
  }
  // // Set edgeOptions for Edge browser
  // 'ms:edgeOptions': {
  //   prefs: {
  //     // 0 - Default, 1 - Allow, 2 - Block
  //     'profile.managed_default_content_settings.notifications' : 1
  //   }
  // }
  // // Set firefoxOptions for Firefox browser
  // 'moz:firefoxOptions': {
  //   prefs: {
  //     'dom.disable_beforeunload': true,
  //     'dom.webnotifications.enabled': false,
  //     // 0 - Default, 1 - Allow, 2 - Block
  //     'permissions.default.desktop-notification': 1,
  //   }
  // }
}

const driver = new webdriver.Builder()
  .usingServer('https://hub-usw.browserstack.com/wd/hub')
  .withCapabilities(capabilities)
  .build();

driver.get('https://web-push-book.gauntface.com/demos/notification-examples/')
  .then(function() {
    driver.findElement(webdriver.By.xpath("//body/main[1]/p[3]/input[1]")).click()
      .then(function() {
        driver.quit();
      });
  });

using System;
using OpenQA.Selenium;
using OpenQA.Selenium.Remote;
using System.Threading;
using System.Collections.Generic;
using OpenQA.Selenium.Chrome;

namespace SampleCSharp
{
    public class Program
    {
        static void Main(string[] args)
        {
            RemoteWebDriver driver;
            Dictionary<string, object> profile = new Dictionary<string, object>();
            // 0 - Default, 1 - Allow, 2 - Block
            profile.Add("profile.default_content_setting_values.notifications", 1);
            Dictionary<string, object> chromeOptions = new Dictionary<string, object>();
            chromeOptions.Add("prefs", profile);

            // SET CAPABILITY
            ChromeOptions capability = new ChromeOptions();
            capability.AddAdditionalCapability("browser", "Chrome", true);
            capability.AddAdditionalCapability("browser_version", "latest", true);
            capability.AddAdditionalCapability("os", "Windows", true);
            capability.AddAdditionalCapability("os_version", "11", true);
            capability.AddAdditionalCapability("browserstack.user", "YOUR_USERNAME", true);
            capability.AddAdditionalCapability("browserstack.key", "YOUR_ACCESS_KEY", true);
            capability.AddAdditionalCapability("chromeOptions", chromeOptions, true);

            driver = new RemoteWebDriver(new Uri("https://hub-cloud.browserstack.com/wd/hub/"), capability);
            driver.Navigate().GoToUrl("https://web-push-book.gauntface.com/demos/notification-examples/");
            driver.FindElement(By.XPath("//body/main[1]/p[3]/input[1]")).Click();
            Thread.Sleep(2000);
            driver.Quit();
        }
    }
}

from selenium import webdriver
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities
from selenium.webdriver.chrome.options import Options
import time

# 0 - Default, 1 - Allow, 2 - Block
chrome_options = Options()
chrome_options.add_experimental_option("prefs", { "profile.default_content_setting_values.notifications": 1})
desired_cap = chrome_options.to_capabilities()
desired_cap.update({
  'browser_version': '128.0',
  'os': 'Windows',
  'os_version': '11'
})
driver = webdriver.Remote(command_executor='https://YOUR_USERNAME:YOUR_ACCESS_KEY@hub.browserstack.com/wd/hub', desired_capabilities=desired_cap)
driver.get("https://web-push-book.gauntface.com/demos/notification-examples/")
driver.find_element_by_xpath("//body/main[1]/p[3]/input[1]").click()
time.sleep(2)
driver.quit()

require 'rubygems'
require 'selenium-webdriver'

# 0 - Default, 1 - Allow, 2 - Block
caps = Selenium::WebDriver::Remote::Capabilities.chrome("chromeOptions" => {"prefs" => { "profile.default_content_setting_values.notifications" => 1 } })
caps['browser'] = 'Chrome'
caps['browser_version'] = '128.0'
caps['os'] = 'Windows'
caps['os_version'] = '11'
driver = Selenium::WebDriver.for(:remote,
  :url => "https://YOUR_USERNAME:YOUR_ACCESS_KEY@hub-cloud.browserstack.com/wd/hub",
  :desired_capabilities => caps)
driver.navigate.to "https://web-push-book.gauntface.com/demos/notification-examples/"
driver.find_element(:xpath, "//body/main[1]/p[3]/input[1]").click;
sleep(2)
driver.quit

JS alerts

Use the sample code snippets to learn how to disable the most common JS alerts on mobile or desktop devices for any browser. The following image shows the types of JS alerts handled by the sample code snippet.

Node.js

const { ok } = require('assert');
const webdriver = require('selenium-webdriver'); 

// Input capabilities
const capabilities = {
    'browserName': 'Chrome',
    'os': 'Windows',
    'os_version': '11',
    'browserstack.debug': 'true',
    'build': 'JS alerts pop-ups in Browsers ',
    'name': 'JS alerts popups disabled in Chrome',
}
async function runTestWithCaps () {
  let driver = new webdriver.Builder().usingServer('https://YOUR_USERNAME:YOUR_ACCESS_KEY@hub-cloud.browserstack.com/wd/hub').withCapabilities(capabilities).build();
  await driver.get("https://the-internet.herokuapp.com/javascript_alerts");
  //   Simple JS alert to confirm.
  const element = await driver.wait(webdriver.until.elementLocated(webdriver.By.css('#content > div > ul > li:nth-child(2) > button')), 5 * 1000);
  await element.click()
  await driver.wait(webdriver.until.alertIsPresent());
  const alertWindow = await driver.switchTo().alert();
  await alertWindow.accept();

  //   Simple JS alert to accept ok.
//   const element = await driver.wait(webdriver.until.elementLocated(webdriver.By.css('#content > div > ul > li:nth-child(1) > button')), 5 * 1000);
//   await element.click()
//   await driver.wait(webdriver.until.alertIsPresent());
//   const alertWindow = await driver.switchTo().alert();
//   await alertWindow.accept();

  //   Simple JS alert to enter data and accept ok.
//   const element = await driver.wait(webdriver.until.elementLocated(webdriver.By.css('#content > div > ul > li:nth-child(3) > button')), 5 * 1000);
//   await element.click()
//   await driver.wait(webdriver.until.alertIsPresent());
//   const alertWindow = await driver.switchTo().alert();
//   await alertWindow.sendKeys('Selenium');
//   await alertWindow.accept();

  await driver.quit();
}
runTestWithCaps(); 

Handle switching tabs in iOS devices

When testing applications that require clicking an element that opens in a new tab, you need to set the safariAllowPopups and autoAcceptAlerts capabilities to true, and then click the required element.

Node.js

const webdriver = require('selenium-webdriver')

const desiredCaps = {
  'os_version': '14',
  'browserName': 'iPhone',
  'device': 'iPhone 15',
  'real_mobile': 'true',
  'browserstack.debug': 'true',
  'build': 'JS alerts pop-ups in Browsers',
  'name': 'JS alerts popups disabled in Chrome',
  'browserstack.appium_version': '1.18.0',
  'autoAcceptAlerts': 'true',
  'safariAllowPopups' : 'true'
}

const runSampleTest = async () => {
  let driver
  try {
    driver = new webdriver.Builder().
      usingServer('https://YOUR_USERNAME:YOUR_ACCESS_KEY@hub-cloud.browserstack.com/wd/hub').
      withCapabilities(desiredCaps).
      build()

    await driver.get('https://demoqa.com/browser-windows')
    const elem = await driver.findElement(webdriver.By.xpath('//*[@id="windowButton"]'))
    await elem.click()

  } catch (e) {
    console.log(e)
  } finally {
    if(driver) {
      await driver.quit()
    }
  }
}

runSampleTest()

Handle any app permission pop-up using Native context

When you test any web application on iOS or Android devices, the permission pop-ups appear in the form of Allow/Block, Continue/Deny, etc options. To handle such pop-ups, irrespective of the options presented, you can switch to NATIVE_APP context and use locators (by xpath, id, or css) to either allow or block the pop-ups.

When handling permission pop-ups in iOS devices, ensure that the safariAllowPopups capability is set to true before you add any logic to click an element to the script.

driver.context("NATIVE_APP");
//For Android
driver.findElement(By.xpath(".//android.widget.Button[@text='Allow']")).click();
//For iOS
caps.setCapability("safariAllowPopups", true)
driver.findElement(By.id("Allow")).click();
//Change context back to the main page.
driver.context(“WEBVIEW”);

// use the following webdriverIO code snippet to accept/block the popup
// get a list of available contexts
const contexts = await browser.getContexts()
// switch the context to "NATIVE_APP"
await browser.switchContext(contexts[0])

// For Android
const popUpAndroid = await $(".//android.widget.Button[@text='Continue']")
await popUpAndroid.click()

// For iOS
// Update caps to include
const capabilities = {
  "safariAllowPopups": "true"
}
const popUpIOS = await $('.//android.widget.Button[@text="Allow"]')
await popUpIOS.click()
// switch context back to the main page
await browser.switchContext(contexts[1])

driver.Context = ("NATIVE_APP");
//For Android
IWebElement ll =  driver.FindElement(By.XPath(".//android.widget.Button[@text='Continue']"));
ll.Click();
//For iOS
caps.SetCapability("safariAllowPopups", true)
IWebElement ll =  driver.FindElement(By.Id("Allow"));
ll.Click();
//Change context back to the main page.
driver.context(“WEBVIEW”);

driver.switch_to.context('NATIVE_APP')
#For Android
driver.find_element_by_xpath(".//android.widget.Button[@text='Allow']").click()
#For iOS
capabilities: {"safariAllowPopups": "true"}
driver.find_element_by_id("Allow").click()
# Change context back to the main page.
driver.context(“WEBVIEW”);

driver.set_context('NATIVE_APP')
#For Android
driver.find_element(:xpath, ".//android.widget.Button[@text='Allow']").click;
#For iOS
caps["safariAllowPopups"] = "true"
driver.find_element(:id, "Allow").click;
//Change context back to the main page.
driver.context(“WEBVIEW”);

Disabling the “Save your password” message doesn’t work on the Edge browser.

Edge browser has a known issue that prevents you from either interacting or disabling the Save Your Password pop-up. Check out the GitHub issue link for more details.

Need some help?

If you encounter any pop-up that is not listed on this page, get in touch with Support with your session ID so we can assist you further.

Did this page help you?

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked

This page has exactly what I am looking for
This content & code samples are accurate and up-to-date
The content on this page is easy to understand
Other (please tell us more below)

Any additional feedback?

Thank you for your valuable feedback

Test web and mobile, from manual to automation, on real devices in one unified platform.

Is this page helping you?

Yes

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked

This page has exactly what I am looking for
This content & code samples are accurate and up-to-date
The content on this page is easy to understand
Other (please tell us more below)

Any additional feedback?

Thank you for your valuable feedback!

Handle pop-ups, permissions, and notifications

Web pop-ups

Enable all pop-ups in Safari or IE for desktop devices

Disable all pop-ups in Chrome, Safari, and Edge for desktop devices

Disable all pop-ups in Chrome, Firefox, and Edge for desktop devices

Know your location pop-up

Camera and microphone pop-ups

Show notifications pop-ups

JS alerts

Handle switching tabs in iOS devices

Handle any app permission pop-up using Native context

Need some help?

We're sorry to hear that. Please share your feedback so we can do better

We're continuously improving our docs. We'd love to know what you liked

We're sorry to hear that. Please share your feedback so we can do better

We're continuously improving our docs. We'd love to know what you liked