How to Handle Dropdowns in Python Selenium

by

When automating web applications, handling dropdown menus is a crucial task. Selenium WebDriver, a powerful tool for web automation, provides multiple ways to interact with dropdowns efficiently. In this guide, we will explore various methods to handle dropdowns in Python Selenium with practical examples.

What is a Dropdown in Selenium?

A dropdown menu is an HTML element that allows users to select an option from a list. These elements are commonly created using the <select> tag. Selenium provides the Select class to interact with such dropdown elements easily.

Importing Required Libraries

Before handling dropdowns, ensure you have Selenium installed in your Python environment.

Now, import the necessary modules:

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import Select

Handling Dropdowns Using Selenium

1. Selecting an Option by Visible Text

This is the most common way to select an item from a dropdown. The select_by_visible_text() method is used to select an option based on its displayed text.

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.select import Select

# Initiate Webdriver
driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(10)

# Launch dummy website
driver.get("https://automationbysqatools.blogspot.com/2021/05/dummy-website.html")

# Select dropdown one element
drop_down_element = driver.find_element(By.ID, "admorepass")
select_obj = Select(drop_down_element)

# Select dropdown option with select_by_visible_text
select_obj.select_by_visible_text("Add 1 more passenger (100%)")

# Select country dropdown element
country_dd = driver.find_element(By.ID, "billing_country")
select_obj2 = Select(country_dd)
select_obj2.select_by_visible_text("India")
time.sleep(5)

# Close the Browser
driver.close()

2. Selecting an Option by Index

If you know the position of the option, you can select it using select_by_index().

dropdown.select_by_index(2)  # Selects the third option (Index starts at 0)
import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.select import Select

# Initiate Webdriver
driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(10)

# Launch dummy website
driver.get("https://automationbysqatools.blogspot.com/2021/05/dummy-website.html")

# Select add more passenger dropdown element
drop_down_element = driver.find_element(By.ID, "admorepass")
select_obj = Select(drop_down_element)

# Select value by select_by_index() method
select_obj.select_by_index(2)

# Select country dropdown element
country_dd = driver.find_element(By.ID, "billing_country")
select_obj2 = Select(country_dd)

# Select value by select_by_index() method
select_obj2.select_by_index(10)
time.sleep(5)

# Close the Browser
driver.close()

3. Selecting an Option by Value Attribute

Each dropdown option has a value attribute that can be used for selection.

dropdown.select_by_value("option2")  # Selects the option with value "option2"
import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.select import Select

# Initiate Webdriver
driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(10)

# Launch dummy website
driver.get("https://automationbysqatools.blogspot.com/2021/05/dummy-website.html")

# Select add more passenger dropdown element
drop_down_element = driver.find_element(By.ID, "admorepass")
select_obj = Select(drop_down_element)

# Select dropdown option by value option
select_obj.select_by_value("3")

# Select country dropdown element
country_dd = driver.find_element(By.ID, "billing_country")
select_obj2 = Select(country_dd)
select_obj2.select_by_value("BE") # Belarus country
time.sleep(10)

# Close the Browser
driver.close()

4. Getting All Dropdown Options

Sometimes, you may need to extract all options from a dropdown.

options = dropdown.options
for option in options:
    print(option.text)  # Prints all available options

5. Deselecting Options (For Multi-Select Dropdowns)

If the dropdown allows multiple selections, you can deselect options using:

dropdown.deselect_by_index(1)
dropdown.deselect_by_value("option2")
dropdown.deselect_by_visible_text("Option 3")
dropdown.deselect_all()  # Clears all selections

Handling Non-Select Dropdowns

Some dropdowns are not built using the <select> tag. Instead, they rely on div, span, or ul/li elements. In such cases, JavaScript execution or direct element interaction is required.

1. Clicking to Reveal Options and Selecting One

dropdown_button = driver.find_element(By.XPATH, "//div[@class='dropdown']")
dropdown_button.click()

option_to_select = driver.find_element(By.XPATH, "//li[text()='Option 1']")
option_to_select.click()

2. Using JavaScript to Select an Option

For complex dropdowns, JavaScript can be used:

script = "document.querySelector('css-selector-for-dropdown').value='option_value'"
driver.execute_script(script)

Best Practices for Handling Dropdowns in Selenium

  • Use explicit waits to ensure the dropdown loads before interaction.
  • Handle stale element exceptions if dropdown updates dynamically.
  • Use appropriate selection methods based on the dropdown structure.
  • Validate selections by retrieving the selected option.
<< Previous
Next >>

Handle Alerts in Python Selenium

by

Introduction to Handling Alerts in Python Selenium

Selenium is one of the most widely used frameworks for automating web browsers. It provides robust features to interact with web elements, navigate pages, and handle pop-ups efficiently. One of the critical aspects of web automation is handling alerts, which appear as pop-ups and require user interaction. In this comprehensive guide, we will explore the different types of alerts and how to handle them using Python Selenium.

Types of Alerts in Selenium

Alerts in Selenium can be broadly categorized into three types:

  1. Simple Alert – Displays a message with an OK button.
  2. Confirmation Alert – Displays a message with OK and Cancel buttons.
  3. Prompt Alert – Displays a message with an input field, allowing user input before clicking OK or Cancel.

Import Required Modules

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.alert import Alert
import time

Handling Simple Alerts in Selenium

A simple alert consists of a message and an OK button. Selenium provides the switch_to.alert method to interact with alerts.

Example Code:

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.alert import Alert

# Initialize WebDriver
driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(10)

# Open a webpage with an alert
driver.get("https://automationbysqatools.blogspot.com/2020/08/alerts.html")

# Click button to launch alert
driver.find_element(By.ID, "btnShowMsg").click()
time.sleep(2)

# Create alert object
alert = Alert(driver)
print(alert.text)
time.sleep(2)

# Accept alert
alert.accept()

# Close browser
driver.quit()

Handling Confirmation Alerts in Selenium

A confirmation alert contains an OK and Cancel button, requiring user interaction.

Example Code:

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.alert import Alert

# Initialize WebDriver
driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(10)

# Open a webpage with an alert
driver.get("https://automationbysqatools.blogspot.com/2020/08/alerts.html")

confirm_btn = driver.find_element(By.ID, "button")
confirm_btn.click()
time.sleep(2)

# Create alert object
alert = Alert(driver)
print(alert.text)
time.sleep(2)

# Accept the alert
alert.accept()
UI_msg = driver.find_element(By.ID, "demo").text
print(UI_msg)
assert UI_msg == "You pressed OK!"

confirm_btn = driver.find_element(By.ID, "button")
confirm_btn.click()
# Dismiss the alert
alert.dismiss()

UI_msg_cancel = driver.find_element(By.ID, "demo").text
print(UI_msg_cancel)
assert UI_msg_cancel == "You pressed Cancel!"

# Close Browser
driver.quit()

Handling Prompt Alerts in Selenium

A prompt alert allows the user to enter input before dismissing the alert.

Example Code:

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.alert import Alert

# Initialize WebDriver
driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(10)

# Open a webpage with an alert
driver.get("https://automationbysqatools.blogspot.com/2020/08/alerts.html")

# Click button to launch prompt alert popup
prompt_box = driver.find_element(By.ID, "promptbtn")
prompt_box.click()
time.sleep(3)

# Create alert object
alert_prompt = Alert(driver)
new_value = "SQA"

# Send text to prompt box
alert_prompt.send_keys(new_value)
time.sleep(3)
# Accept the alert
alert_prompt.accept()

# Verify text on UI
ui_msg = driver.find_element(By.ID, "prompt")
expected_msg = f"Hello {new_value}! How are you today?"
assert ui_msg == expected_msg
time.sleep(5)


prompt_box = driver.find_element(By.ID, "promptbtn")
prompt_box.click()
time.sleep(3)

# Dismiss the prompt
alert_prompt.dismiss()
ui_msg = driver.find_element(By.ID, "prompt")
expected_msg = f"User cancelled the prompt."
assert ui_msg == expected_msg

# Close browser
driver.quit()

Best Practices for Handling Alerts in Selenium

  1. Use Explicit Waits: Instead of time.sleep(), use WebDriverWait to handle dynamic alerts.
  2. Validate Alert Text: Always verify the alert text before taking action.
  3. Handle NoAlertPresentException: Wrap alert handling in a try-except block to avoid exceptions if no alert appears.

Example Using WebDriverWait

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.alert import Alert

# Initialize WebDriver
driver = webdriver.Chrome()

driver.get("https://automationbysqatools.blogspot.com/2020/08/alerts.html")

try:
    WebDriverWait(driver, 10).until(EC.alert_is_present())
    driver.find_element(By.ID, "btnShowMsg").click()
    time.sleep(2)
    alert = Alert()
    print("Alert found: ", alert.text)
    alert.accept()
except:
    print("No alert present")

# Close Browser
driver.quit()
<< Previous
Next >>

Right Click in Python Selenium

by

Selenium provides the ability to automate right-click (context-click) operations using its ActionChains class. Right-clicking is essential for testing functionalities like context menus, custom event handlers, and hidden options in web applications. This article provides a comprehensive guide on how to perform right-click ( (context-click) operations in Selenium using Python.

Setting Up Selenium for Context-Click

To perform a context-click action, we need to:

  1. Identify the target element (the element where we want to perform a right-click).
  2. Use ActionChains to execute the context-click operation.

Importing Required Libraries

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.common.by import By
import time

Locating Elements for Context-Click

To successfully perform a context-click operation, we must locate the element properly. The most common ways to locate elements in Selenium include:

  • By ID: driver.find_element(By.ID, “context-menu”)
  • By Class Name: driver.find_element(By.CLASS_NAME, “context-item”)
  • By XPath: driver.find_element(By.XPATH, “//*[@id=’context-menu’]”)

Performing Context-Click in Selenium using ActionChains

The ActionChains class provides the context_click() method, which allows us to automate right-click interactions in web applications.

import time
# install pyautogui library using below command
# pip install pyautogui
import pyautogui
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains

# Initialize WebDriver
driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(15)

# Launch website on browserdriver.get("https://www.globalsqa.com/demo-site/draganddrop/")
about_element = driver.find_element(By.XPATH, "//div[@id='menu']//a[text()='About']")

action = ActionChains(driver)
# Perform context-click (right-click)
action.context_click(about_element).perform()

# Using pyautogui library to perform action context click
time.sleep(5)
pyautogui.press("up")
time.sleep(2)
pyautogui.press("enter")
time.sleep(5)

driver.quit()
<< Previous
Next >>

Drag and Drop in Python Selenium

by

Selenium is a powerful tool for automating web browsers, and it supports drag-and-drop operations through its ActionChains class. Automating drag and drop is crucial for testing web applications that rely on interactive elements such as sortable lists, sliders, and draggable objects. This article will provide an in-depth guide on how to perform drag-and-drop operations in Selenium using Python

Setting Up Selenium for Drag and Drop

To perform a drag-and-drop action, we need to:

  1. Identify the source element (the element we want to drag).
  2. Identify the target element (the element where we want to drop the source element).
  3. Use ActionChains to execute the drag-and-drop operation.

Importing Required Libraries

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.common.by import By
import time

Locating Elements for Drag and Drop

To successfully perform a drag-and-drop operation, we must locate the elements properly. The most common ways to locate elements in Selenium include:

  • By ID: driver.find_element(By.ID, “source-id”)
  • By Class Name: driver.find_element(By.CLASS_NAME, “source-class”)
  • By XPath: driver.find_element(By.XPATH, “//*[@id=’source’]”)

Performing Drag and Drop in Selenium using ActionChains

The ActionChains class provides the drag_and_drop() method, which allows us to automate drag-and-drop interactions in web applications.

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains

# Initialize WebDriver
driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(15)

driver.get("https://www.globalsqa.com/demo-site/draganddrop/")
# Switch to the iframe
iframe_element = driver.find_element(By.XPATH, "//iframe[@class='demo-frame lazyloaded']")
driver.switch_to.frame(iframe_element)

# Get source element
image_element = driver.find_element(By.XPATH, "//h5[text()='High Tatras']//parent::li")

# Get target element
trash_element = driver.find_element(By.ID, "trash")

# Create an ActionChains object
action = ActionChains(driver)

# Drag and drop image from one source to target element.
action.drag_and_drop(image_element, trash_element).perform()
time.sleep(5)

driver.quit()

Performing Drag and Drop Using Click and Hold Method

An alternative approach to executing drag and drop involves using click_and_hold(), move_to_element(), and release(). This method is useful when drag_and_drop() does not work due to JavaScript-based UI interactions.

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains

# Initialize WebDriver
driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(15)

# Launch a URL on browser
driver.get("https://www.globalsqa.com/demo-site/draganddrop/")

# Switch to the iframe
iframe_element = driver.find_element(By.XPATH, "//iframe[@class='demo-frame lazyloaded']")
driver.switch_to.frame(iframe_element)

# Get source element
image_element = driver.find_element(By.XPATH, "//h5[text()='High Tatras']//parent::li")

# Get target element
trash_element = driver.find_element(By.ID, "trash")

# Create an ActionChains object
action = ActionChains(driver)

# Perform drag and drop using an alternative method
action.click_and_hold(image_element).move_to_element(trash_element).release()
action.perform()
time.sleep(5)

driver.quit()
<< Previous
Next >>

Mouse Hover Action In Selenium

by

Mastering Mouse Hover Action in Selenium with Python: A Comprehensive Guide

When delving into the realm of web automation, particularly with Selenium in Python, one often encounters scenarios where merely clicking elements is insufficient. There are instances where a more nuanced interaction—such as hovering over an element to trigger a dropdown or unveil hidden options—is indispensable. This is where Selenium’s ActionChains class becomes a pivotal asset.

Understanding the Significance of Mouse Hover Actions

Many modern web applications leverage hover effects to provide interactive user experiences. For instance, e-commerce websites frequently employ hover actions to reveal product details or additional purchase options. Automating such interactions necessitates simulating a user hovering their cursor over a designated web element, which can be effortlessly achieved using Selenium’s ActionChains.

Implementing Mouse Hover Using ActionChains

To execute a hover action, the ActionChains class provides the move_to_element() method, which simulates the cursor hovering over a specified element.

Step-by-Step Implementation

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.common.by import By
import time

# Initialize WebDriver
driver = webdriver.Chrome()

# Open flipkart website
driver.get("https://www.flipkart.com/")  
driver.maximize_window()
driver.implicitly_wait(10)

# Locate the element to hover over
element_to_hover = driver.find_element(By.XPATH, "//div[@aria-label='Fashion']")

# Create an ActionChains object
actions = ActionChains(driver)

# Perform the hover action
actions.move_to_element(element_to_hover).perform()

# Pause to observe the effect
time.sleep(3)

# Closing the browser
driver.quit()

Exploring Advanced Hover Scenarios

  1. Hover and Click on a Revealed Element: In cases where an element becomes visible only after hovering, you can chain actions as follows:
    revealed_element = driver.find_element(By.XPATH, “//div[@aria-label=’Fashion’]”) actions.move_to_element(element_to_hover).click(revealed_element).perform()
  2. Hover Over Nested Elements: If you need to hover over multiple elements sequentially, chain multiple move_to_element() calls:
    submenu = driver.find_element(By.XPATH, “//div[@class=’submenu’]”) actions.move_to_element(element_to_hover).move_to_element(submenu).perform()
  3. Hover Using Offsets: Sometimes, elements may not have distinct locators, requiring precise control using coordinates:
<< Previous
Next >>

Join tuples with the same first element

by
Python Practice › Tuple Programs › Program 17

Join tuples with the same first element

MediumTuple Programs · 17 of 70

Write a Python program to join tuples that start with the same element.

Input
[(3, 6, 7), (7, 8, 4), (7, 3), (3, 0, 5)]
Output
[(3, 6, 7, 0, 5), (7, 8, 4, 3)]

Approach

  1. Group by the first element in a dict, appending the rest of each tuple.

Solution

Python
data = [(3, 6, 7), (7, 8, 4), (7, 3), (3, 0, 5)]groups = {}for first, *rest in data:    groups.setdefault(first, [first]).extend(rest)print([tuple(v) for v in groups.values()])
Output
[(3, 6, 7, 0, 5), (7, 8, 4, 3)]

Line by line

Line 3

first, *rest splits each tuple into its first item and the remaining items.

Line 4

The first time a key appears, its list starts as [first]; later tuples only add their remaining items.

Learn the concept

New to this topic? Read the lesson, then come back.

More tuple programs

#18EasyList to tuple, doubled#19EasyRemove an item from a tuple#20EasySlice a tuple#21EasyIndex of an element

← All 70 Tuple Programs

Add values row by row to a tuple matrix

by
Python Practice › Tuple Programs › Program 14

Add values row by row to a tuple matrix

MediumTuple Programs · 14 of 70

Write a Python program to add one value from a tuple to each row of a tuple matrix.

Input
A = [[("sqa", 4)], [("tools", 8)]], B = (3, 6)
Output
[[('sqa', 4, 3)], [('tools', 8, 6)]]

Approach

  1. Pair each row with its value using zip, then extend every tuple in the row.

Solution

Python
A = [[("sqa", 4)], [("tools", 8)]]B = (3, 6)result = [[t + (value,) for t in row] for row, value in zip(A, B)]print(result)
Output
[[('sqa', 4, 3)], [('tools', 8, 6)]]

Line by line

Line 3

zip(A, B) pairs the first row with 3 and the second with 6; each tuple gets that value appended.

Learn the concept

New to this topic? Read the lesson, then come back.

More tuple programs

#15EasyTuple of squares from a list#16EasyMultiply adjacent elements#17MediumJoin tuples with the same first element#18EasyList to tuple, doubled

← All 70 Tuple Programs

Handle Iframes In Selenium

by

To handle iframes in Selenium using Python, you need to switch the WebDriver’s context to the iframe first using the switch_to.frame() method. Here is a basic guide on working with iframes:

Example Code

from selenium import webdriver
from selenium.webdriver.common.by import By
import time

# launch Chrome browser
driver = webdriver.Chrome()

# navigate to a page with an iframe
driver.get("https://www.globalsqa.com/demo-site/frames-and-windows/#iFrame")

# get iframe web element
iframe_element = driver.find_element(By.XPATH, "//iframe[@name='globalSqa']")

# switch to iframe with web element
driver.switch_to.frame(iframe_element)

# get web element of header email inside iframe
header_email = driver.find_element(By.XPATH, "//div[@class='header_mail']")

# get email from web page with text
print(header_email.text)

# switch default main page
driver.switch_to.default_content()

# get Tester web element from default content
tester_hub_elem = driver.find_element(By.XPATH, "//div[@id='menu']//a[contains(text(),'Tester')]")

# click on menu option
tester_hub_elem.click()

time.sleep(5)
driver.close()

Explanation:

  • driver.switch_to.frame(“frame_name_or_id”): Switches to an iframe using its name or id attribute.
  • driver.switch_to.frame(index): Switches to an iframe using its index (0-based).
  • driver.switch_to.frame(iframe_element): Switches using a WebElement representing the iframe.
  • driver.switch_to.default_content(): Switches back to the main document from an iframe.

This approach allows you to interact with elements inside the iframe and switch between the main content and other frames when necessary.

<< Previous
Next >>

Handle Browser Windows/Tabs

by

To handle browser tabs in Selenium using Python, you can use methods to switch between windows or tabs using their handles. Here’s a guide on how to open a new tab, switch between tabs, and close

Example Code

from selenium import webdriver
import time

# Initialize the WebDriver (e.g., using Chrome)
driver = webdriver.Chrome()
driver.implicitly_wait(10)

# Open the first URL
driver.get("https://www.facebook.com")
print("Current tab URL:", driver.current_url)

# Save the original window handle
original_tab = driver.current_window_handle

# Open a new tab using JavaScript (useful for browsers like Chrome)
driver.execute_script("window.open('https://www.google.com', '_blank');")

# Get the list of all window handles (tabs)
window_handles = driver.window_handles
print("All window handles:", window_handles)

# Switch to the new tab
driver.switch_to.window(window_handles[1])
print("Switched to new tab URL:", driver.current_url)

# Pause for a few seconds (optional)
time.sleep(2)
# close google page
driver.close()

# Switch back to the original tab
driver.switch_to.window(original_tab)
print("Switched back to original tab URL:", driver.current_url)

time.sleep(2)

# Close the browser
driver.quit()

Explanation:

  • driver.window_handles: Returns a list of window handles (IDs) for all the open tabs/windows.
  • driver.switch_to.window(handle): Switches the WebDriver’s focus to the specified window handle.
  • driver.execute_script(“window.open(‘URL’, ‘_blank’);”): Opens a new tab using JavaScript.
  • To close a specific tab, you can use driver.close() while the focus is on that tab.

This approach allows you to manage multiple tabs efficiently, such as switching between them or closing specific ones as needed.

<< Previous
Next >>

Take Screenshot Selenium

by

To take screenshot using Selenium in Python, you can use the save_screenshot() method or get_screenshot_as_file() method. Here’s how you can do it:

Example Code

from selenium import webdriver
from selenium.webdriver.common.by import By

# Initialize the WebDriver (e.g., using Chrome)
driver = webdriver.Chrome()

# Navigate to a website
driver.get("https://www.google.com")

# Take a screenshot and save it as a file
screenshot_path = "google_page.png"
driver.save_screenshot(screenshot_path)
# Or driver.get_screenshot_as_file(screenshot_path)

print(f"Screenshot saved at: {screenshot_path}")

search_field = driver.find_element(By.NAME, "q")

# Take a screenshot of the specific element
search_field.screenshot("search_field.png")

# Close the browser
driver.quit()

Explanation:

  • driver.save_screenshot(“filename.png”): Saves a screenshot of the current browser window with the specified filename.
  • element.screenshot(“filename.png”): Saves a screenshot of the specific element with the specified filename.
  • You can use any valid file path or name as the argument to save the screenshot where you want.
<< Previous
Next >>