Check Computed Style

Check the computed style on a specific element.

Check Computed Style compares a CSS property on an Element with what you expect. Use it when visual state is driven by styles rather than text or attributes alone.

Check computed style Test Step

When to use it

• Confirm an error field shows a red border after validation fails.

• Verify a hidden panel uses display: none or another expected property.

• Pair with Check Attribute when the source is an HTML attribute instead.

Configure

Basics

Field	What to set
Element	The Element to read
Property	CSS property from the step dropdown (for example Color, Display, Visibility)
Comparison Type	Comparison Type
Value	Expected value as text and/or Values

Advanced

Field	What to set
Status on fail	Failed Status
When should screenshots be taken?	Always or On Failures (default)
Value Standardization	Value Standardization

Related

• Check Computed Label

• Check Attribute

• Check

Tags: check, computed, style, test, expect, assert, element, computed, css