Verify Color in Selenium WebDriver

If automation requirements in your project wants you to verify colors of web page elements, you have a fix for it in Selenium WebDriver. As we will see in this post, you can actually compare and verify color in Selenium using simple code. For our example, we will take Java as a language of choice with Selenium WebDriver. So without any further ado, let’s check out how to verify color in Selenium WebDriver.

For purpose of our example, we will verify color of Products link present in About Google page. Below image shows this link.

• First of all, we have to get a value of link color using getCssValue method. It can be done by using below code. In the code, Products link’s CSS attribute ‘color’ is stored in a String variable called ‘color’.
  
  String color = driver.findElement(By.xpath("//a[@href='products/']")).getCssValue("color");

  1	String color = driver.findElement(By.xpath("//a[@href='products/']")).getCssValue("color");

• The above code will return value in RGB format such as “rgba(36, 93, 193, 1)”. We will convert it into more convenient Hex code using Java. Use below code for it.
  
  String[] hexValue = color.replace("rgba(", "").replace(")", "").split(","); int hexValue1=Integer.parseInt(hexValue[0]); hexValue[1] = hexValue[1].trim(); int hexValue2=Integer.parseInt(hexValue[1]); hexValue[2] = hexValue[2].trim(); int hexValue3=Integer.parseInt(hexValue[2]); String actualColor = String.format("#%02x%02x%02x", hexValue1, hexValue2, hexValue3);

  1 2 3 4 5 6 7 8 9

  String[] hexValue = color.replace("rgba(", "").replace(")", "").split(",");   int hexValue1=Integer.parseInt(hexValue[0]); hexValue[1] = hexValue[1].trim(); int hexValue2=Integer.parseInt(hexValue[1]); hexValue[2] = hexValue[2].trim(); int hexValue3=Integer.parseInt(hexValue[2]);   String actualColor = String.format("#%02x%02x%02x", hexValue1, hexValue2, hexValue3);

• That’s it. You will get a value of color in Hex code after above code is executed. We can add an Assert statement to verify that the color is matching with the expected color.
  
  Assert.assertEquals("#245dc1", actualColor);

  1	Assert.assertEquals("#245dc1", actualColor);

• After performing all above steps, your whole method should be similar to below code.
  
  public void GoogleAbout() throws Exception{ String color = driver.findElement(By.xpath("//a[@href='products/']")).getCssValue("color"); String[] hexValue = color.replace("rgba(", "").replace(")", "").split(","); int hexValue1=Integer.parseInt(hexValue[0]); hexValue[1] = hexValue[1].trim(); int hexValue2=Integer.parseInt(hexValue[1]); hexValue[2] = hexValue[2].trim(); int hexValue3=Integer.parseInt(hexValue[2]); String actualColor = String.format("#%02x%02x%02x", hexValue1, hexValue2, hexValue3); Assert.assertEquals("#245dc1", actualColor); }

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

  public void GoogleAbout() throws Exception{   String color = driver.findElement(By.xpath("//a[@href='products/']")).getCssValue("color"); String[] hexValue = color.replace("rgba(", "").replace(")", "").split(",");   int hexValue1=Integer.parseInt(hexValue[0]); hexValue[1] = hexValue[1].trim(); int hexValue2=Integer.parseInt(hexValue[1]); hexValue[2] = hexValue[2].trim(); int hexValue3=Integer.parseInt(hexValue[2]);   String actualColor = String.format("#%02x%02x%02x", hexValue1, hexValue2, hexValue3);   Assert.assertEquals("#245dc1", actualColor); }

We hope you have found the above tutorial to verify color in Selenium WebDriver helpful. We would love to hear your feedback in comments.