Clearing fields in Selenium Java - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to clear the input field using Selenium WebDriver.

Selenium Java

WebElement inputField = driver.findElement(By.id("username"));
inputField.[1]();

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

AsendKeys

Bclick

Cclear

Dsubmit

Attempts:

3 left

💡 Hint

Common Mistakes

Using sendKeys instead of clear to remove text

Using click which only focuses the field

The clear() method removes any text from the input field.

2fill in blank

medium

Complete the code to find the input field by its name attribute and clear it.

Selenium Java

WebElement searchBox = driver.findElement(By.[1]("q"));
searchBox.clear();

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

Aname

Bid

CclassName

DtagName

Attempts:

3 left

💡 Hint

Common Mistakes

Using By.id when the element has no id

Using By.className which looks for CSS classes

The By.name locator finds elements by their name attribute.

3fill in blank

hard

Fix the error in the code to clear the password field.

Selenium Java

WebElement passwordInput = driver.findElement(By.id("password"));
passwordInput.[1]();

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

AsendKeys

Bclick

CgetText

Dclear

Attempts:

3 left

💡 Hint

Common Mistakes

Using sendKeys instead of clear

Using getText which only reads text

The clear() method is used to empty the text in input fields.

4fill in blank

hard

Fill both blanks to clear the email input field found by CSS selector.

Selenium Java

WebElement emailField = driver.findElement(By.[1]("input[type='email']"));
emailField.[2]();

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

AcssSelector

Bclear

Cclick

Did

Attempts:

3 left

💡 Hint

Common Mistakes

Using By.id with a CSS selector string

Using click instead of clear to empty the field

Use By.cssSelector to find the element by CSS selector, then clear() to empty it.

5fill in blank

hard

Fill all three blanks to find the textarea by XPath, clear it, and then send new text.

Selenium Java

WebElement commentBox = driver.findElement(By.[1]("//textarea[@name='comment']"));
commentBox.[2]();
commentBox.[3]("Great post!");

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

Axpath

Bclear

CsendKeys

DcssSelector

Attempts:

3 left

💡 Hint

Common Mistakes

Using cssSelector instead of xpath for the locator

Forgetting to clear before sending keys

Using click instead of clear

Find the element by XPath, clear existing text, then send new text using sendKeys().

Practice

1. What is the primary purpose of the clear() method in Selenium WebDriver when working with input fields?

easy

A. To disable the input field

B. To submit the form automatically

C. To remove any existing text from the input field

D. To highlight the input field

Solution

1. Step 1: Understand the role of clear() in Selenium

   The clear() method is designed to remove any text or value present in an input field, making it empty.

2. Step 2: Differentiate from other actions

   Unlike submitting, disabling, or highlighting, clear() specifically empties the field content.

3. Final Answer:

   To remove any existing text from the input field -> Option C

4. Quick Check:

   clear() empties input fields [OK]

Hint: Remember: clear() empties fields, it doesn't submit or disable [OK]

Common Mistakes:

• Confusing clear() with submit()
• Thinking clear() disables the field
• Assuming clear() highlights the field

2. Which of the following is the correct syntax to clear a text input field using Selenium WebDriver in Java?

easy

A. driver.findElement(By.id("username")).clear();

B. driver.clear(By.id("username"));

C. driver.findElement(By.id("username")).removeText();

D. driver.clearText(By.id("username"));

Solution

1. Step 1: Identify the correct method call on the WebElement

   In Selenium Java, clear() is called on the WebElement returned by findElement().

2. Step 2: Verify syntax correctness

   driver.findElement(By.id("username")).clear(); correctly chains findElement(By.id("username")) with clear(). Other options misuse method calls or syntax.

3. Final Answer:

   driver.findElement(By.id("username")).clear(); -> Option A

4. Quick Check:

   Use findElement(...).clear() to clear fields [OK]

Hint: Always call clear() on the WebElement, not on driver [OK]

Common Mistakes:

• Calling clear() directly on driver
• Using non-existent methods like removeText()
• Incorrect method chaining order

3. Consider the following Java Selenium code snippet:

WebElement input = driver.findElement(By.name("email"));
input.sendKeys("[e-mail]");
input.clear();
String text = input.getAttribute("value");
System.out.println(text);

What will be printed on the console after execution?

medium

A. "[e-mail]"

B. "" (empty string)

C. null

D. Throws NoSuchElementException

Solution

1. Step 1: Trace the input field actions

   The code first types "[e-mail]" into the input, then clears it with clear().

2. Step 2: Check the value after clearing

   After clearing, the input field is empty, so getAttribute("value") returns an empty string.

3. Final Answer:

   "" (empty string) -> Option B

4. Quick Check:

   clear() empties field, so value is empty string [OK]

Hint: After clear(), getAttribute("value") returns empty string [OK]

Common Mistakes:

• Assuming old text remains after clear()
• Expecting null instead of empty string
• Confusing exceptions with normal behavior

4. You wrote the following Selenium Java code to clear a text field:

driver.findElement(By.id("searchBox")).clear;

But it throws a compilation error. What is the mistake?

medium

A. Missing semicolon at the end

B. Incorrect locator type used

C. clear() cannot be used on input fields

D. Missing parentheses after clear method call

Solution

1. Step 1: Analyze the method call syntax

   The clear method requires parentheses to invoke it as a function: clear().

2. Step 2: Identify the compilation error cause

   Omitting parentheses causes a syntax error because clear is a method, not a field.

3. Final Answer:

   Missing parentheses after clear method call -> Option D

4. Quick Check:

   Always use clear() with parentheses to call the method [OK]

Hint: Remember: methods need () to execute, not just name [OK]

Common Mistakes:

• Forgetting parentheses on method calls
• Confusing locator errors with syntax errors
• Thinking clear() is a property, not a method

5. You want to clear a text field only if it already contains some text, to avoid unnecessary actions. Which Java Selenium code snippet correctly implements this logic?

hard

A. WebElement field = driver.findElement(By.id("input1"));
if (!field.getAttribute("value").isEmpty()) {
field.clear();
}

B. WebElement field = driver.findElement(By.id("input1"));
if (field.getText() != null) {
field.clear();
}

C. WebElement field = driver.findElement(By.id("input1"));
if (field.getAttribute("text") != "") {
field.clear();
}

D. WebElement field = driver.findElement(By.id("input1"));
if (field.getValue() != null) {
field.clear();
}

Solution

1. Step 1: Identify correct way to get input field value

   Input field text is accessed via getAttribute("value"), not getText() or getValue().

2. Step 2: Check for non-empty string before clearing

   WebElement field = driver.findElement(By.id("input1")); if (!field.getAttribute("value").isEmpty()) { field.clear(); } checks if the value is not empty using isEmpty() and then calls clear().

3. Final Answer:

   Option A correctly checks and clears the field only if it has text -> Option A

4. Quick Check:

   Use getAttribute("value") and check isEmpty() before clear() [OK]

Hint: Check getAttribute("value") for text before clearing [OK]

Common Mistakes:

• Using getText() to read input field value
• Comparing strings with != instead of equals or isEmpty()
• Using non-existent getValue() method