Clearing input fields in Selenium Python - Build an Automation Script

Clear text from an input field on a web form

Preconditions (2)

Step 1: Open the web page with the input field

Step 2: Locate the input field by its id 'username'

Step 3: Clear the existing text from the input field

Step 4: Verify that the input field is empty

✅ Expected Result: The input field with id 'username' is empty after clearing

Automation Requirements - Selenium with Python

Assertions Needed:

Verify the input field is empty after clearing

Best Practices:

Use explicit waits to ensure the input field is present before interacting

Use By.ID locator for the input field

Use clear() method to clear the input field

Use assert statements for verification

Automated Solution

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

# Initialize the Chrome driver
with webdriver.Chrome() as driver:
    driver.get('https://example.com/login')  # Replace with actual URL

    # Wait until the input field is present
    wait = WebDriverWait(driver, 10)
    input_field = wait.until(EC.presence_of_element_located((By.ID, 'username')))

    # Clear the input field
    input_field.clear()

    # Verify the input field is empty
    assert input_field.get_attribute('value') == '', 'Input field is not empty after clearing'

This script opens the web page and waits explicitly for the input field with id 'username' to be present. It uses clear() method to remove any existing text from the input field. Then it asserts that the input field's value attribute is empty, confirming the field was cleared successfully. Using explicit waits ensures the element is ready before interaction, which avoids errors. The with statement ensures the browser closes automatically after the test.

Common Mistakes - 3 Pitfalls

Using time.sleep() instead of explicit waits

Using incorrect locator like By.CLASS_NAME with a generic class

{'mistake': 'Not verifying the input field is empty after clearing', 'why_bad': 'The test might pass even if the field was not cleared properly.', 'correct_approach': "Add an assertion to check the input field's value is empty."}

Bonus Challenge

Now add data-driven testing with 3 different input fields to clear: 'username', 'email', and 'phone'.

Show Hint

Practice

1. What is the main purpose of using clear() method on an input field in Selenium?

easy

A. To remove any existing text before entering new text

B. To submit the form automatically

C. To locate the input field on the page

D. To check if the input field is visible

Solution

1. Step 1: Understand the clear() method

   The clear() method removes any existing text inside an input field.

2. Step 2: Purpose in testing

   Clearing ensures old text does not mix with new input, avoiding test errors.

3. Final Answer:

   To remove any existing text before entering new text -> Option A

4. Quick Check:

   clear() removes text = D [OK]

Hint: Remember: clear() empties input fields before typing [OK]

Common Mistakes:

• Thinking clear() submits the form
• Confusing clear() with locating elements
• Assuming clear() checks visibility

2. Which of the following is the correct syntax to clear an input field stored in variable input_box in Selenium Python?

easy

A. input_box.clear()

B. input_box.clear

C. clear(input_box)

D. input_box.clear_text()

Solution

1. Step 1: Identify method call syntax

   In Python, methods are called with parentheses, so clear() must have () after the method name.

2. Step 2: Match correct method name and usage

   The correct method is clear() called on the element variable: input_box.clear().

3. Final Answer:

   input_box.clear() -> Option A

4. Quick Check:

   Method call needs () = C [OK]

Hint: Method calls need parentheses () in Python [OK]

Common Mistakes:

• Omitting parentheses after clear
• Using a non-existent method like clear_text
• Trying to call clear as a standalone function

3. What will be the content of the input field after executing this code snippet?

input_box = driver.find_element(By.ID, "username")
input_box.send_keys("hello")
input_box.clear()
input_box.send_keys("world")

medium

A. "hello world"

B. "world"

C. "hello"

D. "" (empty string)

Solution

1. Step 1: Analyze the sequence of actions

   First, "hello" is typed, then clear() removes it, then "world" is typed.

2. Step 2: Determine final input content

   Since clear removes "hello", only "world" remains in the input field.

3. Final Answer:

   "world" -> Option B

4. Quick Check:

   clear() removes old text = A [OK]

Hint: clear() wipes old text before new input [OK]

Common Mistakes:

• Assuming clear() appends text
• Thinking clear() does nothing
• Confusing order of send_keys and clear

4. You wrote this code but the input field is not cleared as expected:

input_box = driver.find_element(By.NAME, "email")
input_box.clear

What is the error and how to fix it?

medium

A. clear() method does not exist; use input_box.delete()

B. Wrong locator type; use By.ID instead of By.NAME

C. Missing parentheses after clear; fix by using input_box.clear()

D. Input field is disabled; enable it before clearing

Solution

1. Step 1: Identify the method call mistake

   The code uses input_box.clear without parentheses, so the method is not called.

2. Step 2: Correct the syntax

   Add parentheses to call the method: input_box.clear().

3. Final Answer:

   Missing parentheses after clear; fix by using input_box.clear() -> Option C

4. Quick Check:

   Method call needs () = A [OK]

Hint: Always add () to call methods in Python [OK]

Common Mistakes:

• Forgetting parentheses after method name
• Changing locator unnecessarily
• Using non-existent methods like delete()

5. You want to clear a text input field only if it already contains some text. Which code snippet correctly does this in Selenium Python?

hard

A. if input_box.text != "":
input_box.clear()

B. if input_box.is_enabled():
input_box.clear()

C. if input_box.is_displayed():
input_box.clear()

D. if input_box.get_attribute('value'):
input_box.clear()

Solution

1. Step 1: Understand how to check input content

   The visible text property input_box.text is usually empty for input fields; the actual content is in the 'value' attribute.

2. Step 2: Use get_attribute('value') to check content

   Checking input_box.get_attribute('value') returns the current text inside the input field.

3. Step 3: Clear only if there is text

   If the value is not empty, call clear() to remove it.

4. Final Answer:

   if input_box.get_attribute('value'): input_box.clear() -> Option D

5. Quick Check:

   Check 'value' attribute for text = B [OK]

Hint: Use get_attribute('value') to read input content [OK]

Common Mistakes:

• Using input_box.text which is empty for inputs
• Checking visibility or enabled state instead of content
• Clearing without condition