Typing text (send_keys) in Selenium Python - Framework Patterns

Framework Mode - Typing text (send_keys)

Folder Structure

my_selenium_project/
├── src/
│   ├── pages/
│   │   └── login_page.py
│   ├── tests/
│   │   └── test_login.py
│   ├── utils/
│   │   └── helpers.py
│   └── config/
│       └── config.yaml
├── requirements.txt
└── pytest.ini

This structure keeps code organized by purpose: pages for page objects, tests for test cases, utils for helpers, and config for settings.

Test Framework Layers

• Driver Layer: Manages browser setup and teardown using Selenium WebDriver.
• Page Objects: Classes representing web pages with methods to interact, e.g., typing text using send_keys().
• Tests: Test functions or classes that use page objects to perform actions and assertions.
• Utilities: Helper functions like waiting for elements or reading config files.
• Configuration: Stores environment variables, URLs, credentials, and browser options.

Configuration Patterns

• Use a config.yaml file to store URLs, user credentials, and browser choices.
• Load config in tests or fixtures to keep sensitive data separate from code.
• Use environment variables or command-line options to switch between test environments (e.g., dev, staging).
• Example snippet to load config in Python:

  import yaml
  with open('src/config/config.yaml') as f:
      config = yaml.safe_load(f)
  

Test Reporting and CI/CD Integration

• Use pytest with plugins like pytest-html to generate readable test reports.
• Reports show which tests passed or failed, including screenshots on failure.
• Integrate tests into CI/CD pipelines (GitHub Actions, Jenkins) to run tests automatically on code changes.
• Configure test runs to use different browsers or environments via config files or command-line options.

Best Practices

• Use Page Object Model: Keep typing actions inside page object methods to reuse and maintain easily.
• Explicit Waits: Wait for input fields to be visible and enabled before typing to avoid flaky tests.
• Clear Before Typing: Clear input fields before sending keys to avoid leftover text.
• Use Constants for Locators: Store element locators as constants or variables in page objects for easy updates.
• Keep Tests Simple: Tests should call page object methods, not directly use Selenium commands.

Self Check

Where in this framework structure would you add a new method to type text into the search box on the homepage?

Key Result

Organize Selenium tests with clear layers: driver setup, page objects for typing actions, tests for validation, utilities for helpers, and config for environments.

Practice

1. What does the send_keys method do in Selenium Python?

easy

A. It types text into input fields or other elements.

B. It clicks on buttons or links.

C. It retrieves the text from an element.

D. It waits for an element to be visible.

Solution

1. Step 1: Understand the purpose of send_keys

   The send_keys method simulates typing text into input fields or editable elements in Selenium.

2. Step 2: Differentiate from other actions

   Clicking, retrieving text, or waiting are done by other methods like click(), text property, or WebDriverWait.

3. Final Answer:

   It types text into input fields or other elements. -> Option A

4. Quick Check:

   send_keys = types text [OK]

Hint: send_keys means typing text into fields [OK]

Common Mistakes:

• Confusing send_keys with click()
• Thinking send_keys reads text
• Assuming send_keys waits for elements

2. Which of the following is the correct syntax to type the text "hello" into an input element stored in variable input_box?

easy

A. input_box.write("hello")

B. input_box.send_keys("hello")

C. input_box.enter("hello")

D. input_box.type("hello")

Solution

1. Step 1: Recall the method name for typing text

   In Selenium Python, the method to type text is send_keys().

2. Step 2: Check the syntax correctness

   The correct syntax is calling send_keys on the element with the text as a string argument.

3. Final Answer:

   input_box.send_keys("hello") -> Option B

4. Quick Check:

   Correct method is send_keys() [OK]

Hint: Use send_keys() to type text, not type() or enter() [OK]

Common Mistakes:

• Using non-existent methods like type() or enter()
• Forgetting parentheses after send_keys
• Passing non-string arguments

3. What will be the value of the input box after executing this code?

input_box = driver.find_element(By.ID, "username")
input_box.send_keys("user123")
print(input_box.get_attribute("value"))

medium

A. "" (empty string)

B. "input_box"

C. "user123"

D. Throws an error

Solution

1. Step 1: Understand send_keys effect on input value

   Calling send_keys("user123") types "user123" into the input box, setting its value attribute.

2. Step 2: Retrieve the value attribute

   get_attribute("value") returns the current text inside the input box, which is "user123".

3. Final Answer:

   "user123" -> Option C

4. Quick Check:

   send_keys sets value attribute = "user123" [OK]

Hint: send_keys sets input value; get_attribute('value') reads it [OK]

Common Mistakes:

• Expecting get_attribute to return element name
• Thinking send_keys clears input automatically
• Assuming print shows element object

4. You want to type "admin" into an input box but your test fails with an error. Which line fixes the error?

input_box = driver.find_element(By.ID, "user")
input_box.send_keys(admin)

medium

A. input_box.send_keys("admin")

B. input_box.send_keys('admin")

C. input_box.send_keys(admin)

D. input_box.send_keys()

Solution

1. Step 1: Identify the error cause

   The argument admin is not in quotes, so Python treats it as a variable, causing a NameError.

2. Step 2: Fix by passing a string literal

   Enclose "admin" in quotes to pass it as a string: send_keys("admin").

3. Final Answer:

   input_box.send_keys("admin") -> Option A

4. Quick Check:

   Text must be a string in quotes [OK]

Hint: Always put text in quotes inside send_keys() [OK]

Common Mistakes:

• Passing variable without quotes
• Leaving send_keys empty
• Using single quotes inconsistently (valid but watch syntax)

5. You want to type a password into a field but first clear any existing text. Which code snippet correctly does this?

hard

A. input_box.clear("mypassword")

B. input_box.send_keys("")
input_box.send_keys("mypassword")

C. input_box.send_keys("mypassword")
input_box.clear()

D. input_box.clear()
input_box.send_keys("mypassword")

Solution

1. Step 1: Clear existing text before typing

   Use clear() method to remove any existing text in the input box.

2. Step 2: Type the new password

   After clearing, call send_keys("mypassword") to type the password.

3. Final Answer:

   input_box.clear() input_box.send_keys("mypassword") -> Option D

4. Quick Check:

   Clear first, then send_keys [OK]

Hint: Clear input before typing new text with clear() [OK]

Common Mistakes:

• Typing before clearing causes leftover text
• Using clear() with arguments (invalid)
• Sending empty string to clear input