Action chains in Selenium Python - Test Execution Trace

Test Overview

This test uses Selenium's ActionChains to hover over a menu item and then click a submenu item. It verifies that the submenu item is clickable and the click action works.

Test Code - Selenium

Selenium Python

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
import unittest

class TestActionChains(unittest.TestCase):
    def setUp(self):
        self.driver = webdriver.Chrome()
        self.driver.get('https://example.com/menu')
        self.wait = WebDriverWait(self.driver, 10)

    def test_hover_and_click_submenu(self):
        driver = self.driver
        wait = self.wait

        menu = wait.until(EC.presence_of_element_located((By.ID, 'menu-item')))
        submenu = wait.until(EC.element_to_be_clickable((By.ID, 'submenu-item')))

        actions = ActionChains(driver)
        actions.move_to_element(menu).click(submenu).perform()

        # Verify submenu item was clicked by checking URL or page element
        wait.until(EC.url_contains('submenu-page'))
        self.assertIn('submenu-page', driver.current_url)

    def tearDown(self):
        self.driver.quit()

if __name__ == '__main__':
    unittest.main()

Execution Trace - 6 Steps

Step	Action	System State	Assertion	Result
1	Test starts and Chrome browser opens	Browser opened at 'https://example.com/menu' showing main menu page	—	PASS
2	Wait until menu item with ID 'menu-item' is present	Menu item is visible on the page	Element with ID 'menu-item' is present	PASS
3	Wait until submenu item with ID 'submenu-item' is present	Submenu item is present but not visible until hover	Element with ID 'submenu-item' is present	PASS
4	Create ActionChains and move mouse to menu item, then click submenu item	Mouse hovered over menu item, submenu item becomes visible and is clicked	—	PASS
5	Wait until URL contains 'submenu-page' after clicking submenu	Browser navigated to submenu page URL	Current URL contains 'submenu-page'	PASS
6	Test ends and browser closes	Browser closed	—	PASS

Failure Scenario

Failing Condition: Submenu item is not found or not clickable after hover

Execution Trace Quiz - 3 Questions

What does the ActionChains move_to_element(menu).click(submenu).perform() do?

A Moves mouse to menu item, then clicks submenu item

B Clicks menu item and submenu item simultaneously

C Scrolls page to submenu item and clicks it

D Types text into submenu item

Key Result

Use ActionChains to simulate complex user interactions like hover and click. Always wait for elements to be present and clickable before interacting.

Practice

1. What is the main purpose of using ActionChains in Selenium with Python?

easy

A. To locate elements on a web page

B. To perform complex mouse and keyboard actions in sequence

C. To write assertions for test validations

D. To start the Selenium WebDriver server

Solution

1. Step 1: Understand the role of ActionChains

   ActionChains is designed to handle complex user interactions like mouse movements, clicks, and keyboard inputs in a sequence.

2. Step 2: Compare with other options

   Locating elements, assertions, and starting the server are handled by other Selenium components, not ActionChains.

3. Final Answer:

   To perform complex mouse and keyboard actions in sequence -> Option B

4. Quick Check:

   ActionChains = complex actions [OK]

Hint: ActionChains = chain mouse/keyboard steps, then perform [OK]

Common Mistakes:

• Confusing ActionChains with element locating
• Thinking ActionChains runs tests or assertions
• Assuming ActionChains starts the WebDriver

2. Which of the following is the correct way to import and create an ActionChains object in Selenium Python?

easy

A. from selenium.webdriver import ActionChains
actions = ActionChains()

B. import ActionChains from selenium.webdriver
actions = ActionChains()

C. from selenium.webdriver.common.action_chains import ActionChains
actions = ActionChains(driver)

D. from selenium.webdriver.common.actions import ActionChains
actions = ActionChains(driver)

Solution

1. Step 1: Check the correct import path

   The correct import path is selenium.webdriver.common.action_chains for ActionChains.

2. Step 2: Verify object creation syntax

   ActionChains requires the WebDriver instance as an argument during creation, so ActionChains(driver) is correct.

3. Final Answer:

   from selenium.webdriver.common.action_chains import ActionChains actions = ActionChains(driver) -> Option C

4. Quick Check:

   Import from common.action_chains + pass driver [OK]

Hint: Import from common.action_chains and pass driver [OK]

Common Mistakes:

• Forgetting to pass driver to ActionChains constructor
• Using wrong import path or syntax
• Calling ActionChains without parentheses

3. What will be the result of the following code snippet?

from selenium.webdriver.common.action_chains import ActionChains

actions = ActionChains(driver)
actions.move_to_element(element).click().perform()

medium

A. Moves mouse to the element and clicks it

B. Clicks the element without moving the mouse

C. Throws an error because perform() is missing

D. Moves mouse but does not click the element

Solution

1. Step 1: Analyze the chained actions

   The code chains move_to_element(element) followed by click(), then calls perform() to execute both actions.

2. Step 2: Understand perform() role

   Calling perform() runs all chained actions in order, so the mouse moves to the element and clicks it.

3. Final Answer:

   Moves mouse to the element and clicks it -> Option A

4. Quick Check:

   move_to_element + click + perform = move and click [OK]

Hint: perform() runs all chained actions in order [OK]

Common Mistakes:

• Forgetting to call perform() so actions don't run
• Assuming click works without moving mouse first
• Thinking perform() is optional

4. Identify the error in this code snippet:

actions = ActionChains(driver)
actions.click(element)
actions.perform()

medium

A. No error; code will run correctly

B. perform() should be called on actions.click() directly

C. click() requires move_to_element before it

D. Missing parentheses after click method call

Solution

1. Step 1: Check click() method usage

   The click() method can accept an element as an argument to click it directly without needing move_to_element.

2. Step 2: Verify perform() call

   Calling perform() on the ActionChains object executes all queued actions correctly.

3. Final Answer:

   No error; code will run correctly -> Option A

4. Quick Check:

   click(element) + perform() = valid usage [OK]

Hint: click(element) works without move_to_element [OK]

Common Mistakes:

• Thinking move_to_element is always required before click
• Assuming perform() must be chained immediately
• Missing parentheses on click() (not the case here)

5. You want to drag an element from source and drop it onto target using ActionChains. Which code snippet correctly performs this action?

hard

A. actions.drag_and_drop(source, target).perform()

B. actions.click_and_hold(source).move_to_element(target).release().perform()

C. actions.move_to_element(source).click().move_to_element(target).click().perform()

D. Both B and D are correct ways to drag and drop

Solution

1. Step 1: Understand drag_and_drop method

   drag_and_drop(source, target) is a built-in ActionChains method that performs drag and drop in one call.

2. Step 2: Understand manual drag and drop steps

   Using click_and_hold(source), then move_to_element(target), then release() and perform() also correctly performs drag and drop manually.

3. Step 3: Evaluate other options

   actions.move_to_element(source).click().move_to_element(target).click().perform() clicks source and target separately, which is not a drag and drop action.

4. Final Answer:

   Both B and D are correct ways to drag and drop -> Option D

5. Quick Check:

   drag_and_drop or click_hold+move+release = drag-drop [OK]

Hint: Use drag_and_drop or click_hold+move+release [OK]

Common Mistakes:

• Using click instead of click_and_hold for drag
• Missing release() after moving element
• Confusing drag_and_drop with simple clicks