Using Selenium IDE tool can we check the font color and font size or CSS values of the web element?

Question

For example, I have to check Category text font color and font size showing below code; how to identify the CSS value using Selenium IDE tool?

<div class="featured">
  <div class="container">
     <div class="col-md-8 latest">
          <h4>Category</h4>
     </div>
    </div> 
</div>

Answer 1

You can try execute script function. See my example below:

Here is test output:

Inside getComputedStype you need to use JS way to look up the element you need and then invoke getPropertyValue with the value you would like to assert. Being saved to a variable (in my case it is ${WDTH}) you will be able to test your property for a specific value.