---
# System prepended metadata

title: Verify Element Visibility in SideeX
tags: [English]

---

---
title: Verify Element Visibility in SideeX
tags: English
description: Verify Element Visibility in SideeX
---

# Verify Element Visibility in SideeX
`verifyVisibility` is a command that can be used to verify if the target element is visible on the page or not. The visibility status can be obtained through `storeIsVisible` command. This article introduces what cases will be deemed as visible or invisible in SideeX.

## Deemed as Visible

### Case 1 - The target element is at the top
The most trivial case, Target Element is at the topmost layer.
![](https://i.imgur.com/Ubqkft1.png =400x)

### Case 2 - All covering elements are fully transparent
Target Element is not at the topmost layer and may be not clickable, but all covering elements are hidden or fully transparent. For example, Target Element is fully under Another Element, and Another Element is fully transparent.
![](https://i.imgur.com/OKyoiQR.png =400x)

:::info
If part of Target Element is out of screen and the remaining part still conforms to Case 1 and 2, it is also considered as visible. 
:::

## Deemed as Invisible

### Case 3 - The target element is hidden or doesn't exist
The CSS style of the target element is set to `display:none` or `visibility:hidden`. 

### Case 4 - The target element is fully transparent
The target element itself is not a visible component, i.e.,  setting `opacity` to 0 or the color to `transparent` in the CSS style of the element. 

### Case 5 - The target element is compeletely out of screen
None of any part of the target element is in a visible area of the window.

### Case 6 - Whole or parts of the target element are covered by non-fully-transparent elements
Whole or parts of the target element are covered by non-fully-transparent elements (including the CSS transparent effects).

![](https://i.imgur.com/UEAQ9eI.png =400x)

