Find element by name in Selenium Python - Framework Patterns

Framework Mode - Find element by name

Folder Structure

selenium_python_project/
├── tests/
│   ├── test_login.py
│   └── test_search.py
├── pages/
│   ├── base_page.py
│   └── login_page.py
├── utils/
│   ├── driver_factory.py
│   └── config_reader.py
├── config/
│   ├── config.yaml
│   └── credentials.yaml
├── reports/
│   └── test_report.html
└── conftest.py
    

Test Framework Layers

• Driver Layer: Manages browser setup and teardown (e.g., driver_factory.py).
• Page Objects: Encapsulate page elements and actions (e.g., login_page.py uses find_element(By.NAME, "username") to locate elements).
• Tests: Test scripts that use page objects to perform actions and assertions (e.g., test_login.py).
• Utilities: Helper functions and config readers (e.g., config_reader.py).
• Configuration: Environment settings, credentials, and browser options stored in YAML files.
• Reports: Store test execution reports for review.

Configuration Patterns

Use YAML files in config/ to store environment URLs, browser types, and user credentials.

Example config.yaml:

environment:
  url: "https://example.com"
browser: "chrome"
    

Example credentials.yaml:

user:
  username: "testuser"
  password: "password123"
    

Use config_reader.py to load these settings and pass them to tests and driver setup.

Test Reporting and CI/CD Integration

• Use pytest with pytest-html plugin to generate HTML reports saved in reports/.
• Integrate tests in CI/CD pipelines (e.g., GitHub Actions, Jenkins) to run tests on each code push.
• Reports provide pass/fail status and screenshots on failure for easy debugging.

Best Practices

• Use Page Object Model: Keep element locators and actions in page classes for easy maintenance.
• Use find_element(By.NAME, "name"): Use Selenium's recommended locator strategy with By for clarity and future-proofing.
• Explicit Waits: Wait for elements by name to be visible or clickable before interacting to avoid flaky tests.
• Separate Config from Code: Store URLs, credentials, and browser settings outside code for flexibility.
• Clear Folder Structure: Organize tests, pages, utils, and configs logically for easy navigation.

Self Check

Where would you add a new page object class for a page that has elements located by their name attribute?

Key Result

Use Page Object Model with Selenium's By.NAME locator and clear folder structure for maintainable test automation.

Practice

1. What does the Selenium method find_element(By.NAME, "username") do?

easy

A. Finds the element with the class name "username".

B. Finds the first element with the name attribute equal to "username".

C. Finds the element with the id attribute "username".

D. Finds all elements with the name attribute equal to "username".

Solution

1. Step 1: Understand the method purpose

   The method find_element locates a single element matching the given locator.

2. Step 2: Analyze the locator type

   Using By.NAME targets elements by their name attribute, not id or class.

3. Final Answer:

   Finds the first element with the name attribute equal to "username". -> Option B

4. Quick Check:

   find_element(By.NAME, "username") = first element by name [OK]

Hint: Remember: find_element finds one element by attribute [OK]

Common Mistakes:

• Confusing find_element with find_elements (plural)
• Using id or class instead of name attribute
• Assuming it finds multiple elements

2. Which of the following is the correct syntax to find an element by its name attribute "email" in Selenium Python?

easy

A. driver.find_element_by_name("email")

B. driver.find_element(By.ID, "email")

C. driver.find_element(By.NAME, "email")

D. driver.find_element(By.CLASS_NAME, "email")

Solution

1. Step 1: Recall modern Selenium syntax

   Since Selenium 4, the correct way is to use find_element(By.NAME, "email").

2. Step 2: Check each option

   driver.find_element_by_name("email") is deprecated syntax, C and D use wrong locator types.

3. Final Answer:

   driver.find_element(By.NAME, "email") -> Option C

4. Quick Check:

   Use By.NAME with find_element [OK]

Hint: Use By.NAME, not old find_element_by_name [OK]

Common Mistakes:

• Using deprecated find_element_by_name method
• Mixing locator types like ID or CLASS_NAME
• Forgetting to import By from selenium.webdriver.common.by

3. Given the code snippet:

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

driver = webdriver.Chrome()
driver.get('http://example.com')
element = driver.find_element(By.NAME, 'search')
print(element.tag_name)

What will be printed if the page has an input field with name="search"?

medium

A. An error because find_element is incorrect

B. "div"

C. "search"

D. "input"

Solution

1. Step 1: Understand what find_element returns

   It returns the first matching WebElement with name="search".

2. Step 2: Check the tag_name property

   The tag_name of an input field is "input".

3. Final Answer:

   "input" -> Option D

4. Quick Check:

   Element with name 'search' is input tag [OK]

Hint: tag_name shows HTML tag of found element [OK]

Common Mistakes:

• Confusing attribute value with tag name
• Assuming find_element returns text content
• Thinking find_element syntax is wrong here

4. What is wrong with this code snippet?

element = driver.find_element(By.name, "password")

medium

A. By.name should be By.NAME (case sensitive).

B. The method find_element does not exist.

C. The locator should be By.ID instead of By.name.

D. The quotes around "password" are incorrect.

Solution

1. Step 1: Check the locator usage

   Locator constants in Selenium are uppercase, so it should be By.NAME, not By.name.

2. Step 2: Verify other parts

   Method name and quotes are correct; locator type is appropriate for name attribute.

3. Final Answer:

   By.name should be By.NAME (case sensitive). -> Option A

4. Quick Check:

   Locator constants are uppercase in Selenium [OK]

Hint: Locator constants like By.NAME are uppercase [OK]

Common Mistakes:

• Using lowercase locator constants
• Confusing locator types (name vs id)
• Assuming method name is wrong

5. You want to fill a form field with name "user_email" using Selenium Python. Which code snippet correctly finds the element and enters the email "[e-mail]"?

hard

A. element = driver.find_element(By.NAME, "user_email")
element.send_keys("[e-mail]")

B. element = driver.find_element(By.ID, "user_email")
element.send_keys("[e-mail]")

C. element = driver.find_element(By.CLASS_NAME, "user_email")
element.send_keys("[e-mail]")

D. element = driver.find_element(By.NAME, "user_email")
element.click()

Solution

1. Step 1: Locate element by name attribute

   Use find_element(By.NAME, "user_email") to find the input field by its name.

2. Step 2: Enter text into the field

   Use send_keys("[e-mail]") to type the email into the field.

3. Final Answer:

   element = driver.find_element(By.NAME, "user_email") element.send_keys("[e-mail]") -> Option A

4. Quick Check:

   Find by name + send_keys to input text [OK]

Hint: Use send_keys after find_element to type text [OK]

Common Mistakes:

• Using wrong locator type (ID or CLASS_NAME)
• Using click() instead of send_keys() to enter text
• Not locating element before sending keys