T E S B O

Tesbo

Assert CSS value of element

1. Assert element  CSS value is equal to given text #

Syntax :

Verify: Get css value 'css name' of @element is equal to 'css value'

2. Assert element CSS value is not equal to given text #

Syntax :

Verify: Get css value 'css name' of @element is not equal to 'css value'

3. Assert element CSS value is equal to ignore case of given text #

Syntax :

Verify: Get css value 'css name' of @element is equal to ignore case 'css value'

4. Assert element CSS text contains is same as given text #

Syntax :

Verify: Get css value 'css name' of @element contains is 'css value'

i.e

Test: assert CSS value of element
#All #assertion
Step: open url 'https://www.mathsisfun.com/numbers/counting.html'
Verify: Get CSS value 'display' of @AlgebraTab is not equal to 'inline-block12'
Verify: Get CSS value 'margin-top' of @AlgebraTab is equal to '0px'
Verify: Get CSS value 'font-size' of @AlgebraTab1 is equal to ignore case '14PX'
Verify: Get CSS value 'font-size' of @AlgebraTab1 is equal to '14px'
Verify: Get CSS value 'color' of @AlgebraTab1 is not equal to '000'
Verify: Get CSS value 'color' of @AlgebraTab1 contains 'rgba(0, 0, 0, 1)'
End

You can find a similar example from Tesbo-Skeleton as well

Powered by BetterDocs

Leave a Comment