Radio button handling in Selenium Java - Build an Automation Script

Verify selection of a radio button on a web form

Preconditions (2)

Step 1: Navigate to the web form page URL

Step 2: Locate the radio button with id 'gender_male'

Step 3: Click the radio button 'gender_male'

Step 4: Verify that the radio button 'gender_male' is selected

✅ Expected Result: The radio button with id 'gender_male' is selected after clicking

Automation Requirements - Selenium WebDriver with Java and JUnit 5

Assertions Needed:

Verify the radio button is selected after clicking

Best Practices:

Use explicit waits to ensure elements are interactable

Use By.id locator for radio button

Use Page Object Model pattern for maintainability

Use JUnit assertions for validation

Automated Solution

Selenium Java

import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;

import java.time.Duration;

import static org.junit.jupiter.api.Assertions.assertTrue;

public class RadioButtonTest {
    private WebDriver driver;
    private WebDriverWait wait;

    @BeforeEach
    public void setUp() {
        // Set path to chromedriver if needed
        driver = new ChromeDriver();
        wait = new WebDriverWait(driver, Duration.ofSeconds(10));
    }

    @Test
    public void testSelectMaleRadioButton() {
        driver.get("https://example.com/webform");

        // Wait until the radio button is clickable
        WebElement maleRadio = wait.until(
            ExpectedConditions.elementToBeClickable(By.id("gender_male"))
        );

        maleRadio.click();

        // Assert the radio button is selected
        assertTrue(maleRadio.isSelected(), "Male radio button should be selected after clicking");
    }

    @AfterEach
    public void tearDown() {
        if (driver != null) {
            driver.quit();
        }
    }
}

This test class uses Selenium WebDriver with JUnit 5 to automate the radio button selection.

setUp(): Initializes ChromeDriver and WebDriverWait before each test.

testSelectMaleRadioButton(): Navigates to the web form page, waits explicitly for the radio button with id 'gender_male' to be clickable, clicks it, then asserts it is selected.

tearDown(): Closes the browser after the test to clean up.

Explicit waits ensure the element is ready before interaction, and using By.id is a best practice for locating elements reliably. The assertion confirms the radio button state matches expected behavior.

Common Mistakes - 3 Pitfalls

Using Thread.sleep() instead of explicit waits

Using XPath with absolute paths for locating radio buttons

Not verifying the radio button is selected after clicking

Bonus Challenge

Now add data-driven testing to select and verify three different radio buttons with ids 'gender_male', 'gender_female', and 'gender_other'.

Show Hint

Practice

1. What does the isSelected() method do when used on a radio button element in Selenium?

easy

A. Checks if the radio button is currently selected

B. Clicks the radio button to select it

C. Returns the text label of the radio button

D. Finds the radio button element on the page

Solution

1. Step 1: Understand the purpose of isSelected()

   This method checks the current state of a radio button or checkbox to see if it is selected or not.

2. Step 2: Differentiate from other methods

   click() selects the radio button, but isSelected() only checks selection status without changing it.

3. Final Answer:

   Checks if the radio button is currently selected -> Option A

4. Quick Check:

   isSelected() = Check selection status [OK]

Hint: Remember: isSelected() checks state, click() changes state [OK]

Common Mistakes:

• Confusing isSelected() with click()
• Expecting isSelected() to select the button
• Using getText() to check selection

2. Which of the following is the correct way to select a radio button using Selenium WebDriver in Java?

easy

A. driver.findElement(By.id("option1")).isSelected();

B. driver.findElement(By.id("option1")).sendKeys("select");

C. driver.findElement(By.id("option1")).getText();

D. driver.findElement(By.id("option1")).click();

Solution

1. Step 1: Identify the method to select a radio button

   To select a radio button, you use the click() method on the WebElement.

2. Step 2: Check other options for correctness

   isSelected() only checks selection, getText() returns label text, and sendKeys() is not used for radio buttons.

3. Final Answer:

   driver.findElement(By.id("option1")).click(); -> Option D

4. Quick Check:

   Use click() to select radio button [OK]

Hint: Use click() to select radio buttons, not isSelected() [OK]

Common Mistakes:

• Using isSelected() to select instead of check
• Trying to sendKeys() to radio buttons
• Using getText() expecting to select

3. Consider the following code snippet:

WebElement rb1 = driver.findElement(By.id("radio1"));
WebElement rb2 = driver.findElement(By.id("radio2"));
rb1.click();
boolean selected1 = rb1.isSelected();
boolean selected2 = rb2.isSelected();

What will be the values of selected1 and selected2 after execution?

medium

A. selected1 = true, selected2 = false

B. selected1 = false, selected2 = true

C. selected1 = true, selected2 = true

D. selected1 = false, selected2 = false

Solution

1. Step 1: Understand radio button behavior on click

   Clicking rb1 selects it and deselects other radio buttons in the same group, so rb1.isSelected() returns true and rb2.isSelected() returns false.

2. Step 2: Confirm the boolean values

   Therefore, selected1 is true and selected2 is false after clicking rb1.

3. Final Answer:

   selected1 = true, selected2 = false -> Option A

4. Quick Check:

   Click selects one, others deselect = true/false [OK]

Hint: Only one radio button in group is selected at a time [OK]

Common Mistakes:

• Assuming both radio buttons can be selected simultaneously
• Confusing isSelected() return values
• Not understanding radio button group behavior

4. You have the following code to select a radio button:

WebElement radio = driver.findElement(By.name("gender"));
radio.click();

But the test fails because the wrong radio button is selected. What is the likely problem?

medium

A. The findElement method is incorrect; should use findElements

B. The click() method does not work on radio buttons

C. Using By.name returns multiple elements; need to specify which one

D. Radio buttons cannot be selected by Selenium

Solution

1. Step 1: Analyze locator usage

   Using By.name("gender") returns the first matching element, but if multiple radio buttons share the same name, this may select the wrong one.

2. Step 2: Fix by specifying correct element

   To select the intended radio button, use a more specific locator or find all elements and choose the correct one.

3. Final Answer:

   Using By.name returns multiple elements; need to specify which one -> Option C

4. Quick Check:

   Locator must uniquely identify radio button [OK]

Hint: Use unique locators or filter elements to select correct radio button [OK]

Common Mistakes:

• Assuming findElement returns all matching elements
• Thinking click() doesn't work on radio buttons
• Ignoring that multiple radios share the same name attribute

5. You want to write a test to verify that selecting one radio button deselects the others in the same group. Which approach is best to implement this in Selenium Java?

hard

A. Click all radio buttons one by one and assert they are all selected

B. Click one radio button, then assert it is selected and all others are not selected

C. Use sendKeys() to select radio buttons and check their text

D. Check only the first radio button's selection status without clicking

Solution

1. Step 1: Understand radio button group behavior

   Only one radio button in a group can be selected at a time; selecting one deselects others.

2. Step 2: Write assertions to verify this

   Click one radio button, then check that it is selected and all others are not selected to confirm correct behavior.

3. Final Answer:

   Click one radio button, then assert it is selected and all others are not selected -> Option B

4. Quick Check:

   Test selection exclusivity by asserting one selected, others not [OK]

Hint: Assert one selected and others deselected after click [OK]

Common Mistakes:

• Expecting multiple radio buttons to be selected simultaneously
• Not asserting other buttons are deselected
• Using sendKeys() instead of click()