Getting and setting attributes in Selenium Java - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this Selenium Java code snippet?

Consider the following Selenium Java code that tries to get the value of an input field's attribute. What will be printed?

Selenium Java

WebElement input = driver.findElement(By.id("username"));
String value = input.getAttribute("value");
System.out.println(value);

A Throws a NoSuchElementException

B Prints the placeholder text of the input field

C Prints the current text typed inside the input field

D Prints the value of the "value" attribute as set in the HTML source

💡 Hint

Remember that getAttribute returns the attribute value as in the HTML, not necessarily the visible text.

The getAttribute("value") method returns the value attribute of the input element as defined in the HTML source or last set by JavaScript. It does not return the visible text typed by the user unless it matches the attribute value.

❓ assertion

intermediate

Which assertion correctly verifies that a button's disabled attribute is set to true?

You want to check if a button is disabled by verifying its "disabled" attribute using Selenium Java and JUnit. Which assertion is correct?

Selenium Java

WebElement button = driver.findElement(By.id("submitBtn"));
String disabledAttr = button.getAttribute("disabled");

A assertEquals("true", disabledAttr);

B assertFalse(disabledAttr.isEmpty());

C assertTrue(disabledAttr != null);

D assertNull(disabledAttr);

💡 Hint

The disabled attribute may be present without a value or with value "true".

The disabled attribute in HTML is a boolean attribute. If present, getAttribute returns "true" or an empty string depending on the browser. Checking that it is not null confirms the attribute is present, meaning the button is disabled.

🔧 Debug

advanced

Why does this code fail to set the placeholder attribute?

This Selenium Java code tries to set the placeholder attribute of an input field but it does not work. What is the reason?

Selenium Java

WebElement input = driver.findElement(By.id("searchBox"));
input.setAttribute("placeholder", "Search here");

A WebElement does not have a setAttribute method; attributes cannot be set directly this way

B The placeholder attribute is read-only and cannot be changed

C The element must be clicked before setting attributes

D The attribute name "placeholder" is invalid

💡 Hint

Check the WebElement API for attribute setting methods.

Selenium WebElement does not provide a setAttribute method. To change attributes, JavaScript execution is required via JavascriptExecutor.

❓ framework

advanced

Which Selenium Java code correctly sets an attribute using JavaScript?

You want to set the "data-test" attribute of a WebElement using Selenium Java. Which code snippet correctly does this?

Selenium Java

WebElement element = driver.findElement(By.cssSelector(".test-element"));

A element.getAttribute("data-test").setValue("value");

B ((JavascriptExecutor) driver).executeScript("arguments[0].setAttribute('data-test', 'value')", element);

C driver.executeScript("element.setAttribute('data-test', 'value')");

D element.setAttribute("data-test", "value");

💡 Hint

Remember how to run JavaScript in Selenium Java.

Only option B uses JavascriptExecutor correctly to run JavaScript on the element to set the attribute. WebElement does not have setAttribute method, and driver does not have executeScript without casting.

🧠 Conceptual

expert

What is the difference between getAttribute("value") and getText() for an input element?

In Selenium Java, what is the key difference between calling getAttribute("value") and getText() on an input element?

A getAttribute("value") returns the current input content; getText() returns empty string for input elements

B Both return the same visible text inside the input field

C getText() returns the current input content; getAttribute("value") returns the placeholder

D getAttribute("value") returns the HTML source code of the input element; getText() returns the attribute value

💡 Hint

Think about what getText() returns for input elements.

Input elements do not have inner text, so getText() returns empty string. The current text typed in the input is stored in the "value" attribute, so getAttribute("value") returns that content.

Practice

1. What is the primary method to get an attribute value of a web element in Selenium Java?

easy

A. Using driver.getAttribute("attributeName")

B. Using element.setAttribute("attributeName")

C. Using element.getText()

D. Using element.getAttribute("attributeName")

Solution

1. Step 1: Understand the method to retrieve attribute

   In Selenium Java, getAttribute is used on a WebElement to fetch the value of an attribute.

2. Step 2: Identify correct usage

   The syntax is element.getAttribute("attributeName"), which returns the attribute's value as a string.

3. Final Answer:

   Using element.getAttribute("attributeName") -> Option D

4. Quick Check:

   Get attribute = element.getAttribute("attributeName") [OK]

Hint: Remember: getAttribute reads, setAttribute does not exist directly [OK]

Common Mistakes:

• Confusing getAttribute with setAttribute
• Trying to use driver.getAttribute instead of element.getAttribute
• Using getText() to get attribute values

2. Which of the following is the correct way to set an attribute value of a web element in Selenium Java?

easy

A. Using JavaScriptExecutor to run arguments[0].setAttribute('value', 'newValue')

B. element.setAttribute("value", "newValue")

C. element.getAttribute("value") = "newValue"

D. element.setValue("newValue")

Solution

1. Step 1: Understand Selenium's limitation on setting attributes

   Selenium WebElement does not have a direct setAttribute method.

2. Step 2: Use JavaScriptExecutor to set attribute

   We use JavaScriptExecutor to run JavaScript code that sets the attribute, e.g., arguments[0].setAttribute('value', 'newValue').

3. Final Answer:

   Using JavaScriptExecutor to run arguments[0].setAttribute('value', 'newValue') -> Option A

4. Quick Check:

   Set attribute = JavaScriptExecutor + setAttribute() [OK]

Hint: Set attributes via JavaScriptExecutor, not WebElement methods [OK]

Common Mistakes:

• Trying to call setAttribute directly on WebElement
• Assigning value to getAttribute() result
• Using non-existent setValue() method

3. Consider the following Selenium Java code snippet:

WebElement input = driver.findElement(By.id("username"));
String value = input.getAttribute("value");
System.out.println(value);

If the input field has value="testUser", what will be printed?

medium

A. testUser

B. null

C. value

D. username

Solution

1. Step 1: Identify the attribute being fetched

   The code calls getAttribute("value") on the input element, which returns the current value attribute.

2. Step 2: Match attribute value with output

   The input field has value="testUser", so value variable will be "testUser" and printed.

3. Final Answer:

   testUser -> Option A

4. Quick Check:

   getAttribute("value") = "testUser" [OK]

Hint: getAttribute returns actual attribute value, not element text [OK]

Common Mistakes:

• Confusing getAttribute("value") with getText()
• Expecting attribute name instead of value
• Assuming null if attribute exists

4. You want to set the attribute placeholder of an input element to "Enter name" using Selenium Java. Which code snippet fixes the error below?

// Current code
WebElement input = driver.findElement(By.id("name"));
input.setAttribute("placeholder", "Enter name"); // Error: cannot find symbol

medium

A. Use input.sendKeys("Enter name")

B. Replace with input.getAttribute("placeholder") = "Enter name";

C. Use JavaScriptExecutor: js.executeScript("arguments[0].setAttribute('placeholder', 'Enter name')", input);

D. Use input.setValue("Enter name")

Solution

1. Step 1: Identify why error occurs

   WebElement does not have a setAttribute method, so calling it causes a compile error.

2. Step 2: Use JavaScriptExecutor to set attribute

   JavaScriptExecutor can run JavaScript to set attributes on elements, e.g., arguments[0].setAttribute('placeholder', 'Enter name').

3. Final Answer:

   Use JavaScriptExecutor: js.executeScript("arguments[0].setAttribute('placeholder', 'Enter name')", input); -> Option C

4. Quick Check:

   Set attribute via JSExecutor = Use JavaScriptExecutor: js.executeScript("arguments[0].setAttribute('placeholder', 'Enter name')", input); [OK]

Hint: Set attributes only via JavaScriptExecutor, not WebElement methods [OK]

Common Mistakes:

• Trying to assign value to getAttribute()
• Using non-existent setValue() method
• Using sendKeys() which inputs text, not sets attribute

5. You want to verify if a checkbox is checked by reading its checked attribute using Selenium Java. Which approach correctly checks this and sets it checked if not already?

WebElement checkbox = driver.findElement(By.id("agree"));
String checked = checkbox.getAttribute("checked");
if (checked == null) {
    // Set checked attribute here
}

hard

A. Use checkbox.setAttribute("checked", "true")

B. Use JavaScriptExecutor: js.executeScript("arguments[0].setAttribute('checked', 'true')", checkbox);

C. Use checkbox.click() to check the box

D. Use checkbox.getAttribute("checked") = "true"

Solution

1. Step 1: Check if checkbox is checked by reading 'checked' attribute

   If getAttribute("checked") returns null, checkbox is not checked.

2. Step 2: Set 'checked' attribute using JavaScriptExecutor

   Since WebElement has no setAttribute, use JavaScriptExecutor to set checked attribute to "true".

3. Final Answer:

   Use JavaScriptExecutor: js.executeScript("arguments[0].setAttribute('checked', 'true')", checkbox); -> Option B

4. Quick Check:

   Set attribute via JSExecutor = Use JavaScriptExecutor: js.executeScript("arguments[0].setAttribute('checked', 'true')", checkbox); [OK]

Hint: Check attribute with getAttribute; set with JSExecutor [OK]

Common Mistakes:

• Trying to call setAttribute directly on WebElement
• Using assignment on getAttribute() result
• Using click() which toggles but does not set attribute directly