Element locators in page class in Selenium Python - Test Execution Trace

Test Overview

This test opens a web page, uses a page class to find a login button by its locator, clicks it, and verifies the next page shows a welcome message.

Test Code - Selenium

Selenium Python

from selenium import webdriver
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 LoginPage:
    def __init__(self, driver):
        self.driver = driver
        self.login_button_locator = (By.ID, "login-btn")

    def click_login(self):
        login_button = WebDriverWait(self.driver, 10).until(
            EC.element_to_be_clickable(self.login_button_locator)
        )
        login_button.click()

class TestLogin(unittest.TestCase):
    def setUp(self):
        self.driver = webdriver.Chrome()
        self.driver.get("https://example.com/login")

    def test_click_login_button(self):
        page = LoginPage(self.driver)
        page.click_login()
        welcome_text = WebDriverWait(self.driver, 10).until(
            EC.visibility_of_element_located((By.ID, "welcome-msg"))
        ).text
        self.assertEqual(welcome_text, "Welcome User")

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

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

Execution Trace - 6 Steps

Step	Action	System State	Assertion	Result
1	Test starts and Chrome browser opens	Browser window is open, ready to load URL	—	PASS
2	Browser navigates to https://example.com/login	Login page is loaded with login button visible	—	PASS
3	LoginPage object is created with driver	Page class has locator for login button stored	—	PASS
4	Waits until login button is clickable and clicks it	Login button is clicked, page starts loading next content	—	PASS
5	Waits until welcome message element is visible	Welcome message element with text 'Welcome User' is visible	Check that welcome message text equals 'Welcome User'	PASS
6	Test ends and browser closes	Browser window is closed	—	PASS

Failure Scenario

Failing Condition: Login button is not found or not clickable within 10 seconds

Execution Trace Quiz - 3 Questions

What does the test verify after clicking the login button?

A That the URL changes to the home page

B That the welcome message with text 'Welcome User' appears

C That the login button disappears

D That the page title changes to 'Dashboard'

Key Result

Using a page class to store element locators keeps test code clean and easy to maintain by separating page details from test logic.

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