Element locators in page class in Selenium Python - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to locate the username input field by its ID.

Selenium Python

username_input = driver.find_element(By.[1], "username")

Drag options to blanks, or click blank then click option'

Aname

Bid

Cclass_name

Dtag_name

Attempts:

3 left

💡 Hint

Common Mistakes

Using By.name when the element has an ID.

Using By.class_name which may select multiple elements.

The By.id locator finds elements by their ID attribute, which is unique on the page.

2fill in blank

medium

Complete the code to locate the login button by its CSS selector.

Selenium Python

login_button = driver.find_element(By.[1], ".btn-login")

Drag options to blanks, or click blank then click option'

Axpath

Blink_text

Ccss_selector

Dpartial_link_text

Attempts:

3 left

💡 Hint

Common Mistakes

Using By.xpath when CSS selector is given.

Using By.link_text which is for links only.

The By.CSS_SELECTOR locator finds elements using CSS selectors, which are flexible and powerful.

3fill in blank

hard

Fix the error in the locator to find the password input by name.

Selenium Python

password_input = driver.find_element(By.[1], "password")

Drag options to blanks, or click blank then click option'

Aname

Bid

Cclass_name

Dtag_name

Attempts:

3 left

💡 Hint

Common Mistakes

Using By.id when the element has no ID.

Using By.class_name which may not be unique.

The password input is located by its name attribute, so By.name is correct.

4fill in blank

hard

Fill both blanks to create a locator for a submit button with tag 'button' and class 'submit-btn'.

Selenium Python

submit_button = driver.find_element(By.[1], "[2]")

Drag options to blanks, or click blank then click option'

Acss_selector

Bxpath

Cbutton.submit-btn

D//button[contains(@class, 'submit-btn')]

Attempts:

3 left

💡 Hint

Common Mistakes

Using By.css_selector with an XPath string.

Using incorrect XPath syntax.

Using By.xpath with the XPath expression //button[contains(@class, 'submit-btn')] locates the button by tag and class.

5fill in blank

hard

Fill all three blanks to create a dictionary of locators for username, password, and login button.

Selenium Python

locators = {
    "username": (By.[1], "username"),
    "password": (By.[2], "password"),
    "login_button": (By.[3], ".btn-login")
}

Drag options to blanks, or click blank then click option'

Aid

Bname

Ccss_selector

Dxpath

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing locator types incorrectly.

Using By.xpath unnecessarily.

The username is located by ID, password by name, and login button by CSS selector, matching common attribute usage.

Practice

1. What is the main purpose of using element locators in a page class in Selenium Python?

easy

A. To find web elements clearly and reuse them easily

B. To write complex test logic inside the page class

C. To store test data separately from the test scripts

D. To execute browser commands directly

Solution

1. Step 1: Understand the role of element locators

   Element locators help identify web elements on a page so tests can interact with them.

2. Step 2: Recognize the benefit of using a page class

   Storing locators in a page class allows easy reuse and keeps code clean.

3. Final Answer:

   To find web elements clearly and reuse them easily -> Option A

4. Quick Check:

   Element locators = reuse and clarity [OK]

Hint: Locators in page class = find elements + reuse [OK]

Common Mistakes:

• Confusing locators with test data storage
• Thinking page class runs browser commands
• Assuming locators hold test logic

2. Which of the following is the correct way to define a locator for a button with id 'submit' in a Selenium page class?

easy

A. submit_button = By('id', 'submit')

B. submit_button = By.ID('submit')

C. submit_button = ('id', submit)

D. submit_button = (By.ID, 'submit')

Solution

1. Step 1: Recall the correct locator tuple format

   Locators are tuples with By strategy and string value, e.g., (By.ID, 'value').

2. Step 2: Check each option's syntax

   submit_button = (By.ID, 'submit') uses (By.ID, 'submit'), which is correct. Others use wrong syntax or missing quotes.

3. Final Answer:

   submit_button = (By.ID, 'submit') -> Option D

4. Quick Check:

   Locator tuple = (By.ID, 'value') [OK]

Hint: Locator = (By.<STRATEGY>, 'value') tuple [OK]

Common Mistakes:

• Using By.ID('submit') instead of tuple
• Missing quotes around 'submit'
• Using wrong tuple structure

3. Given the locator login_button = (By.CSS_SELECTOR, 'button.login') in a page class, what will driver.find_element(*login_button) do?

medium

A. Cause a syntax error because of unpacking

B. Find the first button element with class 'login' on the page

C. Find all button elements with class 'login' on the page

D. Find an element by tag name 'button.login'

Solution

1. Step 1: Understand the locator tuple and unpacking

   The locator is a tuple (By.CSS_SELECTOR, 'button.login'). Using * unpacks it into two arguments.

2. Step 2: Know what find_element does

   find_element returns the first matching element, not all elements.

3. Final Answer:

   Find the first button element with class 'login' on the page -> Option B

4. Quick Check:

   find_element + CSS selector = first match [OK]

Hint: find_element finds first match, unpack locator tuple [OK]

Common Mistakes:

• Confusing find_element with find_elements
• Thinking unpacking causes syntax error
• Misunderstanding CSS selector as tag name

4. You have this locator in your page class: search_box = (By.NAME, 'q'). Your test code uses driver.find_element(search_box) and fails. What is the error and how to fix it?

medium

A. Error: Missing unpacking operator '*'. Fix: Use driver.find_element(*search_box)

B. Error: Wrong locator type. Fix: Change By.NAME to By.ID

C. Error: Locator value is incorrect. Fix: Change 'q' to 'search'

D. Error: find_element cannot use tuples. Fix: Use string locator only

Solution

1. Step 1: Identify the cause of failure

   driver.find_element expects two arguments, but passing a tuple without unpacking sends one argument.

2. Step 2: Apply the correct fix

   Use the unpacking operator * to pass locator as separate arguments: driver.find_element(*search_box).

3. Final Answer:

   Error: Missing unpacking operator '*'. Fix: Use driver.find_element(*search_box) -> Option A

4. Quick Check:

   Unpack locator tuple with * [OK]

Hint: Always unpack locator tuple with * in find_element [OK]

Common Mistakes:

• Not using * causes TypeError
• Changing locator type unnecessarily
• Assuming locator value is wrong

5. You want to create a page class locator for a link with text 'Home' that may appear as either an <a> tag or a <button> tag. Which locator is best to find it reliably?

hard

A. home_link = (By.LINK_TEXT, 'Home')

B. home_link = (By.CSS_SELECTOR, 'a.home, button.home')

C. home_link = (By.XPATH, "//a[text()='Home'] | //button[text()='Home']")

D. home_link = (By.ID, 'home')

Solution

1. Step 1: Understand the locator requirements

   The element can be either an <a> or <button> with text 'Home', so locator must cover both tags.

2. Step 2: Evaluate locator options

   home_link = (By.XPATH, "//a[text()='Home'] | //button[text()='Home']") uses XPath with OR (|) to match either tag by exact text, which is reliable. home_link = (By.LINK_TEXT, 'Home') only works for <a> tags. home_link = (By.CSS_SELECTOR, 'a.home, button.home') uses classes which may not exist. home_link = (By.ID, 'home') uses ID which is not given.

3. Final Answer:

   home_link = (By.XPATH, "//a[text()='Home'] | //button[text()='Home']") -> Option C

4. Quick Check:

   XPath OR matches multiple tags [OK]

Hint: Use XPath OR (|) to match multiple tag types [OK]

Common Mistakes:

• Using LINK_TEXT misses button tags
• Using CSS selectors without classes
• Assuming ID exists without confirmation