Reading Font Properties In Selenium WebDriver Using .getCssValue() Method

Sometimes you need to read font properties like font size, font color, font family, font background color etc.. during WebDriver test case execution. Selenium WebDriver Is very wast API and It has many built In methods to perform very small small operations on web page.Reading font property manually Is very simple task using firebug as shown In bellow given Image

If you wants to read above shown font property In selenium webdriver then you can do It using .getCssValue() Method. You can provide property name (Example : font-family, font-size, font-weight, etc.) with .getCssValue() method to read Its value.

Bellow given example will read values of font-size, color, font-family and text-align properties of "Example Login Page" text.

package Testing_Pack;

import java.util.concurrent.TimeUnit;

import org.openqa.selenium.By;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.WebElement;

import org.openqa.selenium.firefox.FirefoxDriver;

import org.testng.annotations.BeforeTest;

import org.testng.annotations.Test;

public class fontTest { 

WebDriver driver = null;

    @BeforeTest

    public void setup() throws Exception {  

  driver = new FirefoxDriver();

         driver.manage().window().maximize();

         driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS);

         driver.get("http://any login page");

    }

 @Test

 public void readFontProperty(){

  //Locate text string element to read It's font properties.

  WebElement text = driver.findElement(By.xpath("//h1[contains(.,'Example Login Page')]"));

  

  //Read font-size property and print It In console.

  String fontSize = text.getCssValue("font-size");

  System.out.println("Font Size -> "+fontSize);

  

  //Read color property and print It In console.

  String fontColor = text.getCssValue("color");

  System.out.println("Font Color -> "+fontColor);

  

  //Read font-family property and print It In console.

  String fontFamily = text.getCssValue("font-family");

  System.out.println("Font Family -> "+fontFamily);

  

  //Read text-align property and print It In console.

  String fonttxtAlign = text.getCssValue("text-align");

  System.out.println("Font Text Alignment -> "+fonttxtAlign);

 }

}

Output of above example Is as bellow.

Font Size -> 26.4px

Font Color -> rgba(102, 102, 102, 1)

Font Family -> "Trebuchet MS",Trebuchet,Verdana,sans-serif

Font Text Alignment -> left