The clear() Command

Resetting the content of an editable element before typing new data.

Concept

The clear() command removes the existing content from an editable element.

Mental Model

Find the element → Clear old value → Type new value

Why this matters

Forms often come with pre-filled values.
If you skip clear(), sendKeys() will append to the old text.
The standard pattern is: clear() → sendKeys().

When to use

Before filling out forms in tests.
Resetting search fields between different test inputs.
Clearing pre-filled demo data.
Making sure each test starts from a clean state.

Important Note

Only call clear() on elements that are editable and enabled. If the field is readonly or disabled, Selenium throws InvalidElementStateException.

Interactive Practice

Clear Practice

Input Field with Old Data

Element ID: lesson5-input

Contains 33 characters

Press the "Clear" button to empty the field. Notice how the character count drops to 0.

Java Code Example

ClearCommandTest.java

1
2
3
4
5
WebElement oldDataInput = driver.findElement(By.id("lesson5-input"));
oldDataInput.clear();
oldDataInput.sendKeys("New fresh text");

driver.quit();

Code Breakdown

driver.findElement(By.id("lesson5-input")): Locates the input field that currently contains old text.
oldDataInput.clear(): Removes any existing content from the input. This ensures you start from an empty field.
oldDataInput.sendKeys("New fresh text"): Types "New fresh text" into the now-empty field. This is the standard pattern.
driver.quit(): Closes the browser and ends the WebDriver session.

Pro Tip

Always Clear First

Get into the habit of always calling clear() before sendKeys() in form fields. It prevents surprises like "OldTextNewText".

Editable Check

Remember: clear() only works on editable, enabled elements. If the field is readonly or disabled, Selenium will throw InvalidElementStateException.