Select by value, text, index in Selenium Python - Build an Automation Script

Verify dropdown selection by value, visible text, and index

Preconditions (1)

Step 1: Locate the dropdown menu with id 'country-select'

Step 2: Select the option with value 'us' and verify the selected option is 'United States'

Step 3: Select the option with visible text 'Canada' and verify the selected option's value is 'ca'

Step 4: Select the option at index 3 and verify the selected option's text is 'Mexico'

✅ Expected Result: Dropdown selections by value, text, and index work correctly and the selected options match the expected values and texts.

Automation Requirements - Selenium with Python

Assertions Needed:

Assert selected option text after selecting by value

Assert selected option value after selecting by visible text

Assert selected option text after selecting by index

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 element selection

Use assert statements for verification

Automated Solution

Selenium Python

from selenium import webdriver
from selenium.webdriver.support.ui import Select, WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By

# Setup WebDriver (assuming chromedriver is in PATH)
driver = webdriver.Chrome()

try:
    driver.get('https://example.com/dropdown')  # Replace with actual URL

    wait = WebDriverWait(driver, 10)
    dropdown_element = wait.until(EC.presence_of_element_located((By.ID, 'country-select')))

    select = Select(dropdown_element)

    # Select by value 'us'
    select.select_by_value('us')
    selected_option = select.first_selected_option
    assert selected_option.text == 'United States', f"Expected 'United States', got '{selected_option.text}'"

    # Select by visible text 'Canada'
    select.select_by_visible_text('Canada')
    selected_option = select.first_selected_option
    assert selected_option.get_attribute('value') == 'ca', f"Expected value 'ca', got '{selected_option.get_attribute('value')}'"

    # Select by index 3
    select.select_by_index(3)
    selected_option = select.first_selected_option
    assert selected_option.text == 'Mexico', f"Expected 'Mexico', got '{selected_option.text}'"

finally:
    driver.quit()

This script uses Selenium WebDriver with Python to automate the dropdown selection test.

First, it opens the webpage and waits explicitly for the dropdown element with id 'country-select' to be present.

It creates a Select object to interact with the dropdown options.

Then it selects options by value, visible text, and index respectively, verifying after each selection that the correct option is selected by checking the option's text or value attribute.

Assertions ensure the test fails if the selected option does not match expectations.

Finally, the browser is closed to clean up.

Common Mistakes - 3 Pitfalls

Using find_element without explicit wait

{'mistake': 'Selecting dropdown options by clicking option elements directly', 'why_bad': "This can be unreliable and harder to maintain compared to using Selenium's Select class.", 'correct_approach': "Use Selenium's Select class methods like select_by_value, select_by_visible_text, and select_by_index."}

Using hardcoded XPath for dropdown without stable attributes

Bonus Challenge

Now add data-driven testing with 3 different sets of selection inputs: (value='us', expected text='United States'), (text='Canada', expected value='ca'), (index=3, expected text='Mexico')

Show Hint

Practice

1. Which method in Selenium Python is used to select an option from a dropdown by the visible text shown to the user?

easy

A. select_by_visible_text

B. select_by_value

C. select_by_index

D. select_option_by_text

Solution

1. Step 1: Understand the method purpose

   select_by_visible_text selects dropdown options by the text users see.

2. Step 2: Compare with other methods

   select_by_value uses the option's value attribute, select_by_index uses position, and select_option_by_text is not a valid method.

3. Final Answer:

   select_by_visible_text -> Option A

4. Quick Check:

   Select by visible text = select_by_visible_text [OK]

Hint: Visible text method name includes 'visible_text' [OK]

Common Mistakes:

• Confusing select_by_value with select_by_visible_text
• Using non-existent method names
• Selecting by index when text is needed

2. Which of the following is the correct syntax to select an option by its value attribute using Selenium Python's Select class?

easy

A. select.select_by_index('option1')

B. select.select_by_value('option1')

C. select.select_by_text('option1')

D. select.select_value('option1')

Solution

1. Step 1: Recall correct method name

   The method to select by value is select_by_value.

2. Step 2: Check method usage

   It takes a string argument matching the option's value attribute, so select.select_by_value('option1') is correct.

3. Final Answer:

   select.select_by_value('option1') -> Option B

4. Quick Check:

   Select by value uses select_by_value() [OK]

Hint: Method name includes 'by_value' for value selection [OK]

Common Mistakes:

• Using select_by_text instead of select_by_value
• Passing index as string
• Using non-existent methods like select_value

3. Given the following code snippet, what option will be selected?

from selenium.webdriver.support.ui import Select
select = Select(driver.find_element_by_id('dropdown'))
select.select_by_index(2)

Assuming the dropdown options are:
0: 'Apple'
1: 'Banana'
2: 'Cherry'
3: 'Date'

medium

A. 'Date'

B. 'Banana'

C. 'Cherry'

D. 'Apple'

Solution

1. Step 1: Understand select_by_index

   The method selects the option at the given zero-based index.

2. Step 2: Identify option at index 2

   Index 2 corresponds to 'Cherry' in the list.

3. Final Answer:

   'Cherry' -> Option C

4. Quick Check:

   Index 2 option = 'Cherry' [OK]

Hint: Index starts at 0, so 2 means third option [OK]

Common Mistakes:

• Assuming index starts at 1
• Confusing value with index
• Selecting wrong option by off-by-one error

4. What is wrong with this Selenium Python code snippet?

select = Select(driver.find_element_by_id('dropdown'))
select.select_by_value(3)

Assuming the option values are strings like '1', '2', '3'.

medium

A. No error, code works fine

B. find_element_by_id is deprecated and causes error

C. select_by_value cannot select numeric values

D. select_by_value expects a string, not an integer

Solution

1. Step 1: Check argument type for select_by_value

   This method requires a string matching the option's value attribute.

2. Step 2: Identify type mismatch

   Passing integer 3 instead of string '3' causes a type mismatch and selection failure.

3. Final Answer:

   select_by_value expects a string, not an integer -> Option D

4. Quick Check:

   Value must be string for select_by_value() [OK]

Hint: Always pass string to select_by_value() [OK]

Common Mistakes:

• Passing integer instead of string to select_by_value
• Ignoring deprecation warnings (not main error here)
• Assuming numeric values are auto-converted

5. You want to select the third option in a dropdown, but the options have duplicate visible texts and different values:

<option value='a'>Apple</option>
<option value='b'>Banana</option>
<option value='c'>Apple</option>
<option value='d'>Date</option>

Which method and argument will reliably select the second 'Apple' option?

hard

A. select.select_by_value('c')

B. select.select_by_visible_text('Apple')

C. select.select_by_index(1)

D. select.select_by_index(3)

Solution

1. Step 1: Understand duplicate visible texts

   Using select_by_visible_text('Apple') selects the first 'Apple' option only.

2. Step 2: Use unique value attribute

   The second 'Apple' has value 'c', so select_by_value('c') selects it reliably.

3. Step 3: Index options

   Index 1 is 'Banana', index 2 is second 'Apple', but index can change if options reorder.

4. Final Answer:

   select.select_by_value('c') -> Option A

5. Quick Check:

   Use unique value to select duplicate text option [OK]

Hint: Use value attribute when visible text duplicates exist [OK]

Common Mistakes:

• Selecting by visible text picks first duplicate only
• Using wrong index due to zero-based counting
• Assuming index is stable when options reorder