Page Object Model concept in Testing Fundamentals - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to define a page object class for a login page.

Testing Fundamentals

class LoginPage:
    def __init__(self, driver):
        self.driver = driver
        self.username_field = self.driver.find_element_by_id([1])

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

A"login"

B"password"

C"submit"

D"username"

Attempts:

3 left

💡 Hint

Common Mistakes

Using the password or submit button id instead of username.

The username field is identified by the id "username" in the page object.

2fill in blank

medium

Complete the method to enter text into the username field.

Testing Fundamentals

def enter_username(self, username):
    self.username_field.[1](username)

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

Aclick

Bsend_keys

Csubmit

Dclear

Attempts:

3 left

💡 Hint

Common Mistakes

Using click or submit instead of send_keys.

To type text into a field, we use the send_keys method.

3fill in blank

hard

Fix the error in the method to click the login button.

Testing Fundamentals

def click_login(self):
    self.driver.find_element_by_id([1]).click()

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

A"submit"

B"login"

C"login_button"

D"button_login"

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect id names like 'login' or 'login_button'.

The login button is identified by the id "submit" in this example.

4fill in blank

hard

Fill both blanks to create a method that logs in with username and password.

Testing Fundamentals

def login(self, username, password):
    self.username_field.[1](username)
    self.password_field.[2](password)

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

Asend_keys

Bclick

Cclear

Dsubmit

Attempts:

3 left

💡 Hint

Common Mistakes

Using click or submit instead of send_keys for input fields.

Both username and password fields require send_keys to enter text.

5fill in blank

hard

Fill all three blanks to define a complete login page object with methods to enter username, password, and click login.

Testing Fundamentals

class LoginPage:
    def __init__(self, driver):
        self.driver = driver
        self.username_field = self.driver.find_element_by_id([1])
        self.password_field = self.driver.find_element_by_id([2])
        self.login_button = self.driver.find_element_by_id([3])

    def enter_username(self, username):
        self.username_field.send_keys(username)

    def enter_password(self, password):
        self.password_field.send_keys(password)

    def click_login(self):
        self.login_button.click()

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

A"username"

B"password"

C"submit"

D"login"

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing up ids or using wrong element ids.

The username, password, and login button are identified by ids "username", "password", and "submit" respectively.

Practice

1. What is the main purpose of the Page Object Model in software testing?

easy

A. To combine multiple test cases into one large script

B. To write all test steps inside the test script without abstraction

C. To separate page structure from test logic for easier maintenance

D. To avoid using classes and methods in test automation

Solution

1. Step 1: Understand the role of Page Object Model

   The Page Object Model (POM) is designed to separate the page details like locators and actions from the test scripts.

2. Step 2: Identify the benefit of separation

   This separation makes tests easier to read, write, and maintain because changes in the UI only affect the page objects, not the test logic.

3. Final Answer:

   To separate page structure from test logic for easier maintenance -> Option C

4. Quick Check:

   Separation of concerns = A [OK]

Hint: POM separates page details from tests for easy updates [OK]

Common Mistakes:

• Thinking POM combines all tests into one script
• Believing POM avoids using classes and methods
• Confusing POM with writing test steps directly in scripts

2. Which of the following is the correct way to define a page object class for a login page in Python?

easy

A. class LoginPage:
def __init__(self, driver):
self.driver = driver

B. def LoginPage(driver):
self.driver = driver

C. class LoginPage:
driver = driver

D. LoginPage = function(driver) { this.driver = driver; }

Solution

1. Step 1: Check Python class syntax for page object

   In Python, a page object is a class with an __init__ method that accepts the driver and assigns it to self.driver.

2. Step 2: Identify correct syntax

   class LoginPage: def __init__(self, driver): self.driver = driver correctly defines a class with __init__ and assigns driver properly. Options A, B, and D have syntax errors or misuse of class variables. LoginPage = function(driver) { this.driver = driver; } is JavaScript syntax, not Python.

3. Final Answer:

   class LoginPage: def __init__(self, driver): self.driver = driver -> Option A

4. Quick Check:

   Python class with __init__ = C [OK]

Hint: Python page objects use class with __init__ for driver [OK]

Common Mistakes:

• Using function instead of class for page object
• Assigning driver outside __init__ method
• Mixing JavaScript syntax in Python code

3. Given this Python page object method, what will login_page.get_title() return if the page title is "Welcome"?

class LoginPage:
    def __init__(self, driver):
        self.driver = driver
    def get_title(self):
        return self.driver.title

medium

A. "Welcome"

B. self.driver

C. None

D. Error: method missing return

Solution

1. Step 1: Understand the get_title method

   The method returns self.driver.title, which is the page title property from the driver object.

2. Step 2: Determine the returned value

   If the page title is "Welcome", calling get_title() returns the string "Welcome".

3. Final Answer:

   "Welcome" -> Option A

4. Quick Check:

   Method returns driver.title = "Welcome" [OK]

Hint: Method returns driver.title property value [OK]

Common Mistakes:

• Confusing method return with driver object itself
• Assuming method returns None without explicit return
• Thinking method causes error due to missing return

4. Identify the error in this page object method and select the fix:

class LoginPage:
    def __init__(self, driver):
        self.driver = driver
    def click_login(self):
        self.driver.find_element_by_id('loginBtn').click()

medium

A. Change method name to clickLogin

B. Use correct locator method: replace find_element_by_id with find_element(By.ID, 'loginBtn')

C. Remove self.driver assignment in __init__

D. Add return statement after click()

Solution

1. Step 1: Check Selenium locator method usage

   In recent Selenium versions, find_element_by_id is deprecated. The correct usage is find_element(By.ID, 'loginBtn') with proper import.

2. Step 2: Identify the fix

   Use correct locator method: replace find_element_by_id with find_element(By.ID, 'loginBtn') correctly updates the locator method. Other options do not fix the locator error or are unrelated.

3. Final Answer:

   Use correct locator method: replace find_element_by_id with find_element(By.ID, 'loginBtn') -> Option B

4. Quick Check:

   Update deprecated locator method = D [OK]

Hint: Use updated Selenium locators with By.ID [OK]

Common Mistakes:

• Ignoring deprecated locator methods
• Adding unnecessary return statements
• Changing method names without reason

5. You want to create a page object for a search page that has a method to enter text and submit the search. Which design best follows the Page Object Model principles?

hard

A. class SearchPage:
def __init__(self):
self.driver = None
def search(self, text):
self.driver.find_element(By.ID, 'searchBox').send_keys(text)

B. class SearchPage:
def search(self, text):
input = driver.find_element(By.NAME, 'q')
input.send_keys(text)
input.submit()

C. def search(text):
driver.find_element(By.NAME, 'q').send_keys(text)
driver.find_element(By.NAME, 'q').submit()

D. class SearchPage:
def __init__(self, driver):
self.driver = driver
def search(self, text):
box = self.driver.find_element(By.NAME, 'q')
box.clear()
box.send_keys(text)
box.submit()

Solution

1. Step 1: Check for proper driver initialization

   class SearchPage: def __init__(self, driver): self.driver = driver def search(self, text): box = self.driver.find_element(By.NAME, 'q') box.clear() box.send_keys(text) box.submit() correctly initializes the driver in __init__, so the page object has access to it.

2. Step 2: Verify method encapsulates actions

   The search method finds the input box, clears it, sends keys, and submits, all encapsulated in one method, following POM principles.

3. Final Answer:

   class SearchPage: def __init__(self, driver): self.driver = driver def search(self, text): box = self.driver.find_element(By.NAME, 'q') box.clear() box.send_keys(text) box.submit() -> Option D

4. Quick Check:

   Driver init + encapsulated method = A [OK]

Hint: Initialize driver in __init__ and encapsulate actions in methods [OK]

Common Mistakes:

• Not initializing driver in constructor
• Using global driver without passing it
• Splitting one action into multiple unrelated methods