Drag and drop in Selenium Python - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this Selenium drag and drop code?

Consider the following Selenium Python code snippet that performs a drag and drop action. What will be printed after execution?

Selenium Python

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

# Assume driver is already initialized and navigated to the page
source = driver.find_element('id', 'drag-source')
target = driver.find_element('id', 'drop-target')
actions = ActionChains(driver)
actions.drag_and_drop(source, target).perform()
print('Drag and drop performed')

A TypeError because drag_and_drop requires different arguments

B No output, code raises NoSuchElementException

C SyntaxError due to wrong method usage

D Drag and drop performed

💡 Hint

Check if the method drag_and_drop is used correctly with source and target elements.

The code uses the correct Selenium ActionChains method drag_and_drop with valid source and target elements. If elements exist, the action performs and prints the message.

❓ locator

intermediate

Which locator is best for identifying a draggable element?

You want to locate a draggable element on a web page for drag and drop testing. Which locator strategy is best practice?

A driver.find_element('css selector', '#draggable')

B driver.find_element('xpath', '//*[@class="draggable"]')

C driver.find_element('tag name', 'div')

D driver.find_element('link text', 'Drag me')

💡 Hint

Use the most specific and stable locator possible.

Using an ID selector (#draggable) is the most specific and stable locator compared to class, tag name, or link text for a draggable element.

❓ assertion

advanced

Which assertion correctly verifies a successful drop?

After performing drag and drop, you want to assert that the drop target contains the text 'Dropped!'. Which assertion is correct?

Selenium Python

drop_target = driver.find_element('id', 'drop-target')
drop_text = drop_target.text

A assert drop_text == 'Dropped!'

B assert drop_text.contains('Dropped!')

C assert drop_text.equals('Dropped!')

D assert drop_text in 'Dropped!'

💡 Hint

Check Python string methods and assertion syntax.

In Python, to check equality, use '==' operator. The method contains() and equals() do not exist for strings. 'in' checks substring membership but reversed here.

🔧 Debug

advanced

Why does this drag and drop code raise an error?

This Selenium Python code raises an error. Identify the cause.

Selenium Python

actions = ActionChains(driver)
actions.drag_and_drop('source', 'target').perform()

A ActionChains requires a context manager to work

B perform() must be called before drag_and_drop

C The arguments to drag_and_drop must be WebElement objects, not strings

D drag_and_drop method is deprecated and removed

💡 Hint

Check the types of arguments passed to drag_and_drop.

drag_and_drop requires WebElement objects as source and target, not string IDs or names.

❓ framework

expert

Which test framework feature best supports drag and drop tests?

You want to write maintainable drag and drop tests in Selenium Python. Which framework feature helps most?

A Using unittest's setUpClass to run drag and drop once

B Page Object Model to separate element locators and actions

C Using pytest fixtures to skip drag and drop tests conditionally

D Using raw Selenium calls in test methods without abstraction

💡 Hint

Think about organizing code for readability and reuse.

Page Object Model helps keep locators and actions organized, making drag and drop tests easier to maintain and update.

Practice

1. What is the main purpose of using drag and drop in Selenium testing?

easy

A. To verify page title correctness

B. To check if a button is clickable

C. To input text into a form field

D. To simulate moving an element from one place to another on a webpage

Solution

1. Step 1: Understand drag and drop action

   Drag and drop simulates the user moving an element by mouse from one location to another on the webpage.

2. Step 2: Identify the purpose in Selenium

   Selenium uses drag and drop to test this user interaction, not for clicking buttons or inputting text.

3. Final Answer:

   To simulate moving an element from one place to another on a webpage -> Option D

4. Quick Check:

   Drag and drop = move element [OK]

Hint: Drag and drop means moving elements with mouse [OK]

Common Mistakes:

• Confusing drag and drop with clicking
• Thinking drag and drop inputs text
• Assuming drag and drop checks page title

2. Which of the following is the correct way to perform drag and drop using Selenium's ActionChains in Python?

easy

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

B. actions.dragdrop(source, target).execute()

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

D. actions.drag_and_drop(source, target).execute()

Solution

1. Step 1: Recall correct method name and usage

   The correct method in Selenium's ActionChains is drag_and_drop(source, target) followed by perform() to execute.

2. Step 2: Check method chaining and spelling

   Options with dragdrop or execute() are incorrect because method names and chaining are wrong.

3. Final Answer:

   actions.drag_and_drop(source, target).perform() -> Option C

4. Quick Check:

   Correct method = drag_and_drop + perform() [OK]

Hint: Use drag_and_drop() then perform() to execute [OK]

Common Mistakes:

• Using dragdrop instead of drag_and_drop
• Calling execute() instead of perform()
• Misspelling method names

3. Given the following code snippet, what will be the output if the drag and drop is successful?

from selenium.webdriver import ActionChains
actions = ActionChains(driver)
actions.drag_and_drop(source_element, target_element).perform()
result_text = driver.find_element(By.ID, 'result').text
print(result_text)

Assuming the page updates the text to 'Dropped!' after a successful drop.

medium

A. 'Dropped!'

B. 'Drag failed'

C. Empty string

D. Throws NoSuchElementException

Solution

1. Step 1: Understand the code flow

   The code performs drag and drop, then reads text from element with ID 'result'.

2. Step 2: Interpret expected page behavior

   If drag and drop is successful, the page updates 'result' text to 'Dropped!'. So print outputs 'Dropped!'.

3. Final Answer:

   'Dropped!' -> Option A

4. Quick Check:

   Successful drop updates text = 'Dropped!' [OK]

Hint: Check page text after drag to confirm success [OK]

Common Mistakes:

• Assuming drag_and_drop returns a value
• Expecting exceptions without checking element presence
• Ignoring page text update after drop

4. You wrote this code to drag and drop but it fails silently (no error, no effect):

actions = ActionChains(driver)
actions.click_and_hold(source).move_to_element(target).release().perform()

What is the most likely reason for failure?

medium

A. The source or target elements are not interactable or visible

B. You forgot to import ActionChains

C. The perform() method is missing

D. The driver is not initialized

Solution

1. Step 1: Analyze the drag and drop steps

   The code uses click_and_hold, move_to_element, release, and perform correctly.

2. Step 2: Identify common silent failure cause

   If no error but no effect, often source or target elements are hidden, disabled, or not interactable.

3. Final Answer:

   The source or target elements are not interactable or visible -> Option A

4. Quick Check:

   Invisible elements cause silent drag failure [OK]

Hint: Check element visibility and interactability first [OK]

Common Mistakes:

• Assuming missing perform() causes silent failure
• Ignoring element visibility issues
• Forgetting to import ActionChains causes errors, not silent failure

5. You want to test a drag and drop feature where the target area only accepts drops if the dragged element has a specific CSS class 'draggable'. Which approach correctly verifies this behavior in Selenium Python?

hard

A. Drag any element and check if the page URL changes

B. Drag the element with 'draggable' class and assert the target's text changes; drag element without class and assert no change

C. Only check if drag_and_drop() method runs without error

D. Use JavaScript to forcibly move the element without checking CSS classes

Solution

1. Step 1: Understand the acceptance condition

   The target accepts drops only if the dragged element has 'draggable' class, so test both cases.

2. Step 2: Verify behavior by asserting page changes

   Drag element with class and check target text changes; drag element without class and check no change to confirm correct behavior.

3. Final Answer:

   Drag the element with 'draggable' class and assert the target's text changes; drag element without class and assert no change -> Option B

4. Quick Check:

   Test both valid and invalid drag cases [OK]

Hint: Test drag with and without class, check target changes [OK]

Common Mistakes:

• Ignoring negative test case without class
• Assuming method success means feature works
• Using JavaScript to bypass UI logic