Unit Recap: Interacting with Web Elements

Mastering the art of safe and reliable element interactions in Selenium.

Core Concepts Recap

Interacting with the web is the heart of automation. This unit covered the five fundamental commands and the critical validation steps required before using them.

The Big 5 Commands

click(): Clicks the center of an element. Fails if covered by another element.
sendKeys(...): Types text. Does NOT clear existing text automatically.
clear(): Wipes text from an input or textarea.
submit(): Submits a form (legacy). Prefer click() on the submit button.
Select: Helper class for handling <select> dropdowns.

Validation Before Action

Selenium tries to simulate a real user. It will throw errors if you try to interact with an element that a user couldn't use.

isDisplayed(): Is it visible on the screen? (Size > 0, opacity > 0, not hidden).
isEnabled(): Is it interactive? (Not disabled).

ElementNotInteractableException

This is the most common error in this unit. It means you found the element in the DOM, but it's either hidden, disabled, or covered by an overlay (like a cookie banner).

Comprehensive Code Example

A complete workflow: Validating state, clearing fields, typing data, handling dropdowns, and submitting.

InteractionMastery.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
WebElement submitBtn = driver.findElement(By.id("submit-btn"));

// 1. Validation: Don't try to click if it's disabled
if (submitBtn.isDisplayed() && submitBtn.isEnabled()) {
    
    // 2. Text Input: Clear first, then type
    WebElement email = driver.findElement(By.name("email"));
    email.clear();
    email.sendKeys("user@example.com");

    // 3. Dropdown Handling
    WebElement roleSelect = driver.findElement(By.id("role"));
    Select role = new Select(roleSelect);
    role.selectByVisibleText("Admin");

    // 4. Click to submit
    submitBtn.click();
    
} else {
    System.out.println("Button is not ready for interaction!");
}

Code Breakdown

email.clear(): Essential practice. If the field has default text or previous input, sendKeys just appends to it. Always clear first.
new Select(roleSelect): Wraps a standard HTML <select> element to provide easy methods like selectByVisibleText or selectByIndex.
submitBtn.click(): The most robust way to submit. Avoid form.submit() as it can be flaky with modern JavaScript-driven forms.

Pro Tip

Click Intercepted?

If you get ElementClickInterceptedException, another element (like a sticky header or modal backdrop) is covering your target. Scroll it into view or close the overlay.

File Uploads

Don't try to click the "Browse" button. Instead, find the <input type='file'> and use sendKeys("C:\\path\\to\\file.jpg").

Keyboard Shortcuts

You can send special keys! element.sendKeys(Keys.ENTER) or element.sendKeys(Keys.TAB) are great for testing keyboard navigation.