Checking state (isDisplayed, isEnabled, isSelected) in Selenium Java - Framework Patterns

Framework Mode - Checking state (isDisplayed, isEnabled, isSelected)

Folder Structure

src/
└── test/
    └── java/
        └── com/
            └── example/
                ├── pages/
                │   └── LoginPage.java
                ├── tests/
                │   └── LoginTests.java
                ├── utils/
                │   └── WebDriverFactory.java
                └── config/
                    └── ConfigReader.java

Test Framework Layers

• Driver Layer: Manages WebDriver setup and teardown (e.g., WebDriverFactory).
• Page Objects: Classes representing web pages with methods to interact and check element states (e.g., isDisplayed(), isEnabled(), isSelected()).
• Tests: Test classes that use page objects to perform actions and assertions on element states.
• Utilities: Helper classes for common functions like waits, logging, or reading configs.
• Configuration: Handles environment settings, browser types, and credentials.

Configuration Patterns

• Use config.properties file to store environment URLs, browser types, and credentials.
• ConfigReader class reads properties and provides access to tests.
• Pass browser type as a system property or environment variable to run tests on different browsers.
• Use profiles or separate config files for different environments (dev, test, prod).

Test Reporting and CI/CD Integration

• Use TestNG built-in reports or integrate with Allure for detailed test reports showing pass/fail and screenshots.
• Configure CI/CD pipelines (e.g., Jenkins, GitHub Actions) to run tests on code commits and pull requests.
• Generate reports automatically and archive them for review.
• Fail builds if critical tests checking element states fail.

Best Practices

• Use Page Object Model: Encapsulate element state checks inside page object methods like isLoginButtonDisplayed().
• Explicit Waits: Use explicit waits before checking states to avoid flaky tests.
• Clear Assertions: Assert element states with meaningful messages for easier debugging.
• Reusable Utilities: Create helper methods for common state checks if used across pages.
• Consistent Naming: Name methods clearly to indicate what state is being checked.

Self Check

Where in this folder structure would you add a new method isRememberMeCheckboxSelected() to check if the "Remember Me" checkbox is selected?

Key Result

Use Page Object Model with explicit waits to check element states like isDisplayed, isEnabled, and isSelected for reliable UI tests.

Practice

1. Which Selenium WebDriver method would you use to check if a button is visible on the web page?

easy

A. getText()

B. isEnabled()

C. isSelected()

D. isDisplayed()

Solution

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

   This method checks if an element is visible on the page, meaning it is rendered and not hidden.

2. Step 2: Compare with other methods

   isEnabled() checks if the element can be interacted with, isSelected() checks selection state, and getText() returns text content, so they don't check visibility.

3. Final Answer:

   isDisplayed() -> Option D

4. Quick Check:

   Visibility check = isDisplayed() [OK]

Hint: Visibility means use isDisplayed() method [OK]

Common Mistakes:

• Confusing isDisplayed() with isEnabled()
• Using isSelected() for visibility
• Thinking getText() checks visibility

2. Which of the following is the correct syntax to check if a checkbox element is selected in Selenium Java?

easy

A. checkbox.isSelected();

B. checkbox.isDisplayed();

C. checkbox.isEnabled();

D. checkbox.getSelected();

Solution

1. Step 1: Recall the method to check selection state

   The correct method to check if a checkbox or radio button is selected is isSelected().

2. Step 2: Verify syntax correctness

   checkbox.isSelected(); is valid Java syntax. getSelected() does not exist, and the others check different states.

3. Final Answer:

   checkbox.isSelected(); -> Option A

4. Quick Check:

   Check selection = isSelected() [OK]

Hint: Use isSelected() to check checkbox state [OK]

Common Mistakes:

• Using getSelected() which is invalid
• Confusing isDisplayed() with isSelected()
• Using isEnabled() to check selection

3. Given the following code snippet, what will be the output if the button is visible but disabled?

WebElement button = driver.findElement(By.id("submitBtn"));
System.out.println(button.isDisplayed());
System.out.println(button.isEnabled());

medium

A. true true

B. true false

C. false true

D. false false

Solution

1. Step 1: Understand isDisplayed() output

   The button is visible, so isDisplayed() returns true.

2. Step 2: Understand isEnabled() output

   The button is disabled, so isEnabled() returns false.

3. Final Answer:

   true false -> Option B

4. Quick Check:

   Visible = true, Enabled = false [OK]

Hint: Visible true, enabled false if disabled button [OK]

Common Mistakes:

• Assuming disabled means not displayed
• Mixing up isDisplayed() and isEnabled() results
• Expecting both to be true always

4. Identify the error in the following code snippet that checks if a radio button is selected:

WebElement radio = driver.findElement(By.name("gender"));
if(radio.isEnabled()) {
    System.out.println("Selected");
} else {
    System.out.println("Not Selected");
}

medium

A. Should use isSelected() instead of isEnabled()

B. Missing semicolon after findElement()

C. Incorrect locator By.name should be By.id

D. No error, code is correct

Solution

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

   isEnabled() checks if the element can be interacted with, not if it is selected.

2. Step 2: Identify correct method to check selection

   To check if a radio button is selected, isSelected() must be used.

3. Final Answer:

   Should use isSelected() instead of isEnabled() -> Option A

4. Quick Check:

   Selection check = isSelected() [OK]

Hint: Use isSelected() to check radio button selection [OK]

Common Mistakes:

• Using isEnabled() to check selection
• Assuming enabled means selected
• Ignoring method purpose differences

5. You want to write a test that clicks a checkbox only if it is visible, enabled, and not already selected. Which of the following code snippets correctly implements this logic?

hard

A. if(!checkbox.isDisplayed() && checkbox.isEnabled() && checkbox.isSelected()) {
checkbox.click();
}

B. if(checkbox.isDisplayed() || checkbox.isEnabled() || checkbox.isSelected()) {
checkbox.click();
}

C. if(checkbox.isDisplayed() && checkbox.isEnabled() && !checkbox.isSelected()) {
checkbox.click();
}

D. if(checkbox.isDisplayed() && !checkbox.isEnabled() && !checkbox.isSelected()) {
checkbox.click();
}

Solution

1. Step 1: Understand the required conditions

   The checkbox must be visible (isDisplayed()), enabled (isEnabled()), and not selected (!isSelected()).

2. Step 2: Analyze each option

   if(checkbox.isDisplayed() && checkbox.isEnabled() && !checkbox.isSelected()) { checkbox.click(); } uses AND (&&) to combine all correct conditions and negates isSelected() to ensure it is not selected before clicking.

3. Final Answer:

   if(checkbox.isDisplayed() && checkbox.isEnabled() && !checkbox.isSelected()) { checkbox.click(); } -> Option C

4. Quick Check:

   Use AND for all true and NOT for selection [OK]

Hint: Use && for all true and ! for not selected [OK]

Common Mistakes:

• Using OR (||) instead of AND (&&)
• Not negating isSelected() when needed
• Clicking when checkbox is disabled or hidden