Select class for dropdowns in Selenium Python - Build an Automation Script

Verify selecting options from a dropdown using Select class

Preconditions (2)

Step 1: Locate the dropdown element by id 'country-select'.

Step 2: Use the Select class to select the option 'Canada' by visible text.

Step 3: Verify that the selected option is 'Canada'.

Step 4: Use the Select class to select the option with value 'mexico'.

Step 5: Verify that the selected option is 'Mexico'.

Step 6: Use the Select class to select the option by index 0.

Step 7: Verify that the selected option is 'USA'.

✅ Expected Result: The dropdown selection changes correctly to 'Canada', then 'Mexico', then 'USA' as per the selection method used.

Automation Requirements - selenium

Assertions Needed:

Verify selected option text matches expected after each selection

Best Practices:

Use Selenium's Select class for dropdown interactions

Use explicit waits to ensure dropdown is present before interacting

Use meaningful locators (By.ID) for dropdown element

Use assertions to verify selected option text

Automated Solution

Selenium Python

from selenium import webdriver
from selenium.webdriver.support.ui import Select
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 TestDropdownSelect(unittest.TestCase):
    def setUp(self):
        self.driver = webdriver.Chrome()
        self.driver.get('https://example.com/dropdown')  # Replace with actual URL
        self.wait = WebDriverWait(self.driver, 10)

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

        # Wait for dropdown to be present
        dropdown_element = wait.until(EC.presence_of_element_located((By.ID, 'country-select')))

        select = Select(dropdown_element)

        # Select by visible text 'Canada'
        select.select_by_visible_text('Canada')
        selected_option = select.first_selected_option.text
        self.assertEqual(selected_option, 'Canada', f"Expected 'Canada', got '{selected_option}'")

        # Select by value 'mexico'
        select.select_by_value('mexico')
        selected_option = select.first_selected_option.text
        self.assertEqual(selected_option, 'Mexico', f"Expected 'Mexico', got '{selected_option}'")

        # Select by index 0 (should be 'USA')
        select.select_by_index(0)
        selected_option = select.first_selected_option.text
        self.assertEqual(selected_option, 'USA', f"Expected 'USA', got '{selected_option}'")

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

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

This test script uses Selenium WebDriver with Python's unittest framework.

First, it opens the browser and navigates to the page with the dropdown.

It waits explicitly for the dropdown element with id 'country-select' to be present to avoid timing issues.

Then it creates a Select object to interact with the dropdown.

It selects options by visible text, value, and index, verifying after each selection that the correct option is selected using assertions.

Finally, it closes the browser in tearDown to clean up.

Common Mistakes - 4 Pitfalls

{'mistake': 'Using driver.find_element().click() on dropdown options instead of Select class', 'why_bad': "This can cause unreliable behavior and does not use Selenium's built-in support for dropdowns.", 'correct_approach': "Use Selenium's Select class to select options by visible text, value, or index."}

Not waiting for the dropdown element to be present before interacting

Using hardcoded XPath for dropdown locator instead of stable ID or name

Not verifying the selected option after selection

Bonus Challenge

Now add data-driven testing to select multiple countries from the dropdown using a list of inputs ['Mexico', 'USA', 'Canada'] and verify each selection.

Show Hint

Practice

1. What is the main purpose of the Select class in Selenium Python?

easy

A. To easily select options from a dropdown menu

B. To locate elements on a webpage

C. To perform mouse hover actions

D. To take screenshots of the webpage

Solution

1. Step 1: Understand the Select class role

   The Select class is designed to handle dropdown menus in Selenium, making option selection easier.

2. Step 2: Compare with other Selenium features

   Locating elements, mouse actions, and screenshots are handled by other classes, not Select.

3. Final Answer:

   To easily select options from a dropdown menu -> Option A

4. Quick Check:

   Select class = dropdown option selection [OK]

Hint: Select class is only for dropdown option selection [OK]

Common Mistakes:

• Confusing Select with element locating methods
• Using Select for non-dropdown elements
• Thinking Select handles mouse actions

2. Which of the following is the correct way to create a Select object for a dropdown element stored in variable dropdown_element?

easy

A. select = Select.select(dropdown_element)

B. select = Select.by_visible_text(dropdown_element)

C. select = dropdown_element.Select()

D. select = Select(dropdown_element)

Solution

1. Step 1: Recall Select class instantiation

   The Select class is instantiated by passing the WebElement representing the dropdown to its constructor.

2. Step 2: Check syntax correctness

   Only Select(dropdown_element) is valid syntax; other options misuse methods or syntax.

3. Final Answer:

   select = Select(dropdown_element) -> Option D

4. Quick Check:

   Select object = Select(element) [OK]

Hint: Use Select(element) to create dropdown handler [OK]

Common Mistakes:

• Calling Select methods instead of constructor
• Using dot notation incorrectly
• Confusing Select with element methods

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

from selenium.webdriver.support.ui import Select
select = Select(driver.find_element(By.ID, 'colors'))
select.select_by_visible_text('Red')
selected_option = select.first_selected_option.text
print(selected_option)

medium

A. select

B. Red

C. colors

D. Error: NoSuchElementException

Solution

1. Step 1: Understand select_by_visible_text method

   This method selects the dropdown option with visible text 'Red'.

2. Step 2: Check first_selected_option property

   It returns the currently selected option element; accessing .text gives 'Red'.

3. Final Answer:

   Red -> Option B

4. Quick Check:

   Selected option text = 'Red' [OK]

Hint: select_by_visible_text sets option text; first_selected_option reads it [OK]

Common Mistakes:

• Confusing element ID with option text
• Expecting method name as output
• Not understanding first_selected_option usage

4. Identify the error in this code snippet that tries to select an option by index:

select = Select(driver.find_element(By.NAME, 'fruits'))
select.select_by_index('2')

medium

A. Select cannot be used with By.NAME locator

B. By.NAME is not a valid locator

C. select_by_index expects an integer, not a string

D. select_by_index method does not exist

Solution

1. Step 1: Check select_by_index parameter type

   This method requires an integer index, but '2' is a string.

2. Step 2: Validate locator and method existence

   By.NAME is valid, and select_by_index exists, so no error there.

3. Final Answer:

   select_by_index expects an integer, not a string -> Option C

4. Quick Check:

   Index must be int, not str [OK]

Hint: Pass integer to select_by_index, not string [OK]

Common Mistakes:

• Passing string instead of integer to select_by_index
• Thinking By.NAME is invalid
• Assuming select_by_index method is missing

5. You want to select the option with value attribute 'option3' from a dropdown. Which code snippet correctly does this using the Select class?

1. select.select_by_value('option3')
2. select.select_by_visible_text('option3')
3. select.select_by_index('option3')
4. select.select_by_value(3)

hard

A. 1 only

B. 2 only

C. 3 only

D. 4 only

Solution

1. Step 1: Understand select_by_value usage

   This method selects option by matching the value attribute exactly as a string.

2. Step 2: Analyze other options

   select_by_visible_text matches visible text, not value; select_by_index expects integer index; passing integer 3 to select_by_value won't match string 'option3'.

3. Final Answer:

   1 only -> Option A

4. Quick Check:

   Use select_by_value('option3') to select by value [OK]

Hint: Use select_by_value with string matching value attribute [OK]

Common Mistakes:

• Using visible text method to select by value
• Passing index as string or wrong type
• Using integer instead of string for value