Checkbox handling in Selenium Java - Test Execution Trace

Test Overview

This test opens a webpage with a checkbox, clicks the checkbox to select it, and verifies that the checkbox is selected.

Test Code - JUnit with Selenium WebDriver

Selenium Java

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
import static org.junit.jupiter.api.Assertions.assertTrue;

public class CheckboxTest {
    private WebDriver driver;

    @BeforeEach
    public void setUp() {
        driver = new ChromeDriver();
    }

    @Test
    public void testCheckboxSelection() {
        driver.get("https://example.com/checkboxpage");
        WebElement checkbox = driver.findElement(By.id("subscribeCheckbox"));
        if (!checkbox.isSelected()) {
            checkbox.click();
        }
        assertTrue(checkbox.isSelected(), "Checkbox should be selected after clicking.");
    }

    @AfterEach
    public void tearDown() {
        driver.quit();
    }
}

Execution Trace - 6 Steps

Step	Action	System State	Assertion	Result
1	Test starts and Chrome browser opens	Chrome browser window is open and ready	—	PASS
2	Navigates to https://example.com/checkboxpage	Page with checkbox loaded in browser	—	PASS
3	Finds checkbox element by id 'subscribeCheckbox'	Checkbox element is located on the page	—	PASS
4	Checks if checkbox is not selected, then clicks it	Checkbox is now selected	—	PASS
5	Asserts checkbox is selected	Checkbox remains selected	assertTrue(checkbox.isSelected()) verifies checkbox is selected	PASS
6	Test ends and browser closes	Browser window closed	—	PASS

Failure Scenario

Failing Condition: Checkbox element with id 'subscribeCheckbox' is not found or not clickable

Execution Trace Quiz - 3 Questions

What does the test verify after clicking the checkbox?

A That the checkbox is visible

B That the checkbox is selected

C That the checkbox is disabled

D That the checkbox is unchecked

Key Result

Always verify the checkbox state before clicking to avoid unnecessary clicks and ensure your locator is correct and the page is fully loaded before interacting.

Practice

1. What does the isSelected() method do when working with checkboxes in Selenium Java?

easy

A. It unchecks the checkbox if it is selected.

B. It clicks the checkbox to select it.

C. It finds the checkbox element on the page.

D. It checks if the checkbox is currently selected or not.

Solution

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

   This method returns a boolean indicating if the checkbox is checked (true) or unchecked (false).

2. Step 2: Differentiate from other actions

   Clicking changes state, finding locates elements, but isSelected() only checks state.

3. Final Answer:

   It checks if the checkbox is currently selected or not. -> Option D

4. Quick Check:

   Check state = isSelected() [OK]

Hint: Remember: isSelected() only checks checkbox state [OK]

Common Mistakes:

• Confusing isSelected() with click()
• Thinking isSelected() changes checkbox state
• Using isSelected() to find elements

2. Which of the following is the correct way to click a checkbox located by its ID "subscribe" in Selenium Java?

easy

A. driver.click(By.id("subscribe"));

B. driver.findElement(By.name("subscribe")).click();

C. driver.findElement(By.id("subscribe")).click();

D. driver.findElement(By.id("subscribe")).select();

Solution

1. Step 1: Identify correct method to find element by ID

   Use driver.findElement(By.id("subscribe")) to locate the checkbox by its ID.

2. Step 2: Use correct method to click checkbox

   Use .click() on the found element to toggle checkbox state.

3. Final Answer:

   driver.findElement(By.id("subscribe")).click(); -> Option C

4. Quick Check:

   Find by ID + click() = driver.findElement(By.id("subscribe")).click(); [OK]

Hint: Use findElement(By.id()).click() to toggle checkbox [OK]

Common Mistakes:

• Using driver.click() directly
• Using wrong locator like By.name instead of By.id
• Using non-existent select() method

3. Consider this code snippet:

WebElement checkbox = driver.findElement(By.id("agree"));
if (!checkbox.isSelected()) {
    checkbox.click();
}
System.out.println(checkbox.isSelected());

What will be printed if the checkbox was initially unchecked?

medium

A. false

B. true

C. null

D. Throws exception

Solution

1. Step 1: Check initial checkbox state

   The checkbox is initially unchecked, so isSelected() returns false.

2. Step 2: Click checkbox if not selected

   Since it is not selected, checkbox.click() runs, selecting it.

3. Step 3: Print final state

   After clicking, isSelected() returns true, so true is printed.

4. Final Answer:

   true -> Option B

5. Quick Check:

   Unchecked + click = selected = true [OK]

Hint: Click only if not selected to ensure checkbox is checked [OK]

Common Mistakes:

• Assuming initial state remains unchanged
• Expecting false after click
• Confusing isSelected() return values

4. You wrote this code to select a checkbox:

WebElement cb = driver.findElement(By.id("option1"));
if (cb.isSelected()) {
    cb.click();
}

But the checkbox remains unselected after running. What is the error?

medium

A. The condition should check if checkbox is NOT selected before clicking.

B. You should use cb.select() instead of cb.click().

C. The locator By.id("option1") is incorrect.

D. You need to use cb.isEnabled() before clicking.

Solution

1. Step 1: Analyze the condition logic

   The code clicks the checkbox only if it is already selected, which unchecks it.

2. Step 2: Understand desired action

   To select the checkbox, click it only if it is NOT selected.

3. Step 3: Correct the condition

   Change condition to if (!cb.isSelected()) { cb.click(); } to select checkbox.

4. Final Answer:

   The condition should check if checkbox is NOT selected before clicking. -> Option A

5. Quick Check:

   Click only if not selected to select [OK]

Hint: Click checkbox only if it is not selected [OK]

Common Mistakes:

• Clicking checkbox when already selected
• Using non-existent select() method
• Ignoring checkbox state before clicking

5. You want to ensure a checkbox with ID "terms" is selected before submitting a form. Which code snippet correctly handles this and avoids unnecessary clicks?

hard

A. WebElement cb = driver.findElement(By.id("terms"));
if (!cb.isSelected()) {
cb.click();
}
// proceed to submit

B. WebElement cb = driver.findElement(By.id("terms"));
cb.click();
// proceed to submit

C. WebElement cb = driver.findElement(By.id("terms"));
if (cb.isSelected()) {
cb.click();
}
// proceed to submit

D. WebElement cb = driver.findElement(By.id("terms"));
cb.isSelected();
// proceed to submit

Solution

1. Step 1: Check checkbox state before clicking

   Use isSelected() to verify if checkbox is already selected.

2. Step 2: Click only if not selected

   Click checkbox only when it is not selected to avoid toggling off.

3. Step 3: Avoid unnecessary clicks

   WebElement cb = driver.findElement(By.id("terms")); if (!cb.isSelected()) { cb.click(); } // proceed to submit correctly implements this logic, ensuring checkbox is selected before submit.

4. Final Answer:

   Code that clicks checkbox only if not selected before submit. -> Option A

5. Quick Check:

   Check state, click if false, then submit [OK]

Hint: Click checkbox only if not selected to ensure correct state [OK]

Common Mistakes:

• Clicking checkbox unconditionally causing toggle off
• Clicking checkbox when already selected
• Ignoring checkbox state before submit