Assertions and Validation

Visibility Validation

Learning Outcome

5

Apply visibility validation before interacting with UI elements.

4

Differentiate between Visibility Validation and Presence Validation

3

Use assertion-based and boolean-based visibility checks

2

Verify whether an element is visible

1

Explain Visibility Validation.

What is Visibility Validation?

Visibility Validation verifies whether a web element is displayed on the webpage and visible to the user

"Is the element displayed on the screen?"

Examples include:

Login Button

Username Textbox

Password Field

Company Logo

Dashboard Heading

How Visibility Validation Works

Locate Element

Check Visibility

Visible

Hidden

PASS  

FAIL

General Workflow

Locate the element

Verify visibility.

If visible → Continue execution

If hidden → Report failure

Methods for Visibility Validation 

Assertion-Based Validation (Recommended)

assertThat(locator).isVisible();

Automatically fails the test if the element is not visible

Best choice for automation testing

Boolean Validation

boolean status = locator.isVisible();

Returns:

true

false

Visibility Validation vs Presence Validation

Presence Validation

Visibility Validation

  • Element exists in the DOM

  • Element is displayed to the user

  • May be hidden

  • Must be visible

  • Interaction may still fail

  • Safe for interaction

  • Checks existence

  • Checks usability

Why is Visibility Validation Important?

Visibility Validation helps ensure that:

UI components are displayed correctly

Users can interact with elements

Controls are available before actions are performed

Tests are more stable and reliable

Always validate visibility before:

click()

fill()

hover()

dragTo()

Best Practice 

Prefer assertion-based validation using:

Use locator.isVisible() only when boolean logic is required

Validate visibility before interacting with dynamic UI elements

Avoid clicking hidden elements

Combine visibility checks with Playwright's Auto-Wait for reliable execution

Summary

5

Validate visibility before interacting

4

visibility Validation is different from Presence Validation

3

Playwright supports assertion and boolean visibility checks

2

It helps prevent interaction failures

1

Visibility Validation: Checks if an element is visible to the user

Quiz

Visibility Validation checks whether

A. Element exists

B. Element is displayed

C. Element is enabled

D. Element is clicked

Quiz-Answer

Visibility Validation checks whether

A. Element exists

B. Element is displayed

C. Element is enabled

D. Element is clicked

Visibility Validation

By Content ITV

Visibility Validation

  • 181