06. 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.

Example:

package Others;

import java.util.concurrent.TimeUnit;

import org.openqa.selenium.By;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.WebElement;

import org.openqa.selenium.chrome.ChromeDriver;

import org.testng.annotations.AfterTest;

import org.testng.annotations.BeforeTest;

import org.testng.annotations.Test;

public class FontProperties

{

            WebDriver driver;

            @BeforeTest

            public void setup() throws Exception

            {

                        System.setProperty("webdriver.chrome.driver", "D:\\Softwares\\chromedriver_win32\\chromedriver.exe");   

                        driver = new ChromeDriver();                       

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

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

                        driver.get("http://only-testing-blog.blogspot.in/2014/05/login.html");

            }

            @AfterTest

            public void tearDown() throws Exception

            {

                        driver.quit();

            }

            @Test

            public void Text() throws InterruptedException

            {

                        WebElement text = driver.findElement(By.xpath("//h1[contains(text(),'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);

                       

            }

           

           

}