Mouse hover (move_to_element) in Selenium Python - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this Selenium Python code snippet?

Consider the following Selenium Python code that performs a mouse hover action. What will be printed after execution?

Selenium Python

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

class DummyElement:
    def __init__(self):
        self.hovered = False
    def get_attribute(self, attr):
        if attr == 'class':
            return 'hovered' if self.hovered else 'not-hovered'

# Simulate hover effect by setting hovered to True

def hover_element(element):
    element.hovered = True

# Test code

element = DummyElement()
actions = ActionChains(None)  # driver is None for simulation
hover_element(element)
print(element.get_attribute('class'))

A AttributeError

B not-hovered

C None

D hovered

💡 Hint

Think about what happens to the element's state after the hover_element function is called.

The hover_element function sets the element's hovered attribute to True. The get_attribute method returns 'hovered' if hovered is True, so the output is 'hovered'.

❓ assertion

intermediate

Which assertion correctly verifies the hover effect on a web element?

You want to check if a web element has the CSS class 'active' after a mouse hover. Which assertion is correct?

Selenium Python

element = driver.find_element(By.ID, 'menu-item')
actions = ActionChains(driver)
actions.move_to_element(element).perform()

# Assertion options:

A assert element.is_displayed() == 'active'

B assert element.text == 'active'

C assert 'active' in element.get_attribute('class')

D assert element.get_attribute('id') == 'active'

💡 Hint

Check the element's class attribute after hover.

The CSS class 'active' is part of the class attribute string. Checking if 'active' is in element.get_attribute('class') correctly verifies the hover effect.

❓ locator

advanced

Which locator is best to find a menu item that appears only after mouse hover?

A submenu item appears only after hovering over a main menu. Which locator strategy is best to find this submenu item reliably?

A By.XPATH, '//ul[@class="submenu" and contains(@style, "display: block")]//li[1]'

B By.ID, 'submenu-item'

C By.CSS_SELECTOR, 'ul.submenu > li.visible'

D By.CLASS_NAME, 'submenu-item'

💡 Hint

Consider that the submenu is only visible after hover and may have a style change.

Using XPath to check the submenu's style attribute for 'display: block' ensures the submenu is visible before locating the item, making it reliable after hover.

🔧 Debug

advanced

Why does this mouse hover test fail to reveal the submenu?

This Selenium Python code tries to hover over a menu but the submenu does not appear. What is the likely cause?

Selenium Python

menu = driver.find_element(By.ID, 'menu')
actions = ActionChains(driver)
actions.move_to_element(menu)
# Missing perform()
submenu = driver.find_element(By.ID, 'submenu')
assert submenu.is_displayed()

A The perform() method is missing after move_to_element, so hover is not executed

B The submenu element does not exist in the DOM

C The menu locator is incorrect

D The assert statement is wrong syntax

💡 Hint

Check if the action chain is actually executed.

Without calling perform(), the move_to_element action is not sent to the browser, so the hover does not happen and submenu remains hidden.

❓ framework

expert

How to implement a reliable mouse hover test with explicit wait in Selenium Python?

You want to hover over a menu and wait until the submenu is visible before asserting. Which code snippet correctly implements this?

Selenium Python

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.action_chains import ActionChains

menu = driver.find_element(By.ID, 'menu')
actions = ActionChains(driver)

# Choose the correct code to hover and wait for submenu:

A

actions.click(menu).perform()
WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.ID, 'submenu')))
assert driver.find_element(By.ID, 'submenu').is_displayed()

B

actions.move_to_element(menu).perform()
WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.ID, 'submenu')))
assert driver.find_element(By.ID, 'submenu').is_displayed()

C

actions.move_to_element(menu)
WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.ID, 'submenu')))
assert driver.find_element(By.ID, 'submenu').is_displayed()

D

actions.move_to_element(menu).perform()
time.sleep(10)
assert driver.find_element(By.ID, 'submenu').is_displayed()

💡 Hint

Remember to perform the hover and use explicit wait for visibility.

Option B correctly performs the hover action, then waits explicitly for the submenu to be visible before asserting. Option B misses perform(), C uses sleep instead of explicit wait, and A clicks instead of hover.