Webdriver selenium java partial xpath with contains- can't click element - selenium

Question

I am trying to click on an element using partial xpath. I can't use ID because there are more than one elements with the same ID. I know my xpath is correct because when I enter it in firepath it highlights the correct element.
Here is my HTML code:
<div class="acme_color_swatches">
<div class="acme_color_swatch " data-color="#CC0000" style=" background-color:#CC0000"></div>
<div class="acme_color_swatch " data-color="#F9F9F9" style=" background-color:#F9F9F9"></div>
<div class="acme_color_swatch" data-color="#990000" style=" background-color:#990000"></div>
<div class="acme_color_swatch" data-color="#FAFAC5" style=" background-color:#FAFAC5"></div>
<div class="acme_color_swatch selected" data-color="#333333" style=" background-color:#333333"></div>
<div class="acme_color_swatch " data-color="#F2F2F2" style=" background-color:#F2F2F2"></div>
<div class="acme_color_swatch " data-color="#F7F7F7" style=" background-color:#F7F7F7"></div>
<div class="acme_color_swatch" data-color="#CB0000" style=" background-color:#CB0000"></div>
<div class="acme_color_swatch " data-color="#DDDDDD" style=" background-color:#DDDDDD"></div>
<div class="acme_color_swatch " data-color="#E2F2FF" style=" background-color:#E2F2FF"></div>
<div class="acme_color_swatch" data-color="#F5F5F5" style=" background-color:#F5F5F5"></div>
<div class="acme_color_swatch" data-color="#0069FF" style=" background-color:#0069FF"></div>
Here is my selenium code:
driver.findElement(By.xpath("//div[contains(#style, '#0069FF')]")).click();
Here is the error I am getting:
FAILED: main
org.openqa.selenium.NoSuchElementException: Unable to locate element {"method":"xpath","selector":"//div[contains(#style, '#0069FF')]"}
What am I doing wrong?

Answer 1

I find the cssSelector easier and more reliable and it will likely work for you in this case. You can try something like this:
By.cssSelector("div[style$='#0069FF']");
This will find any div that has a style-attribute that ends with #0069FF.

Answer 2

You could use
driver.findElement(By.cssSelector("div[data-color='#0069FF']")).click();
It's looking for a DIV that has a data-color attribute = #0069FF.

Answer 3

I was able to resolve this issue by myself. Here is what I did:
driver.findElement(By.xpath("//div[contains(#style, ' background-color:#FAFAC5')]")).click();
There is a space between the hyphen and the ' background-. This was causing all of the grief.

Answer 4

These div are an array, so you can use:
driver.findElement(By.xpath("(//*[#class='acme_color_swatch'])[11]")).click();
to click on the 11th element which class is acme_color_swatch.

Answer 5

I think you need to use some logic here. Try to find the all webelements with classname and then find your specific color. Try the code below:
public void Findelement() throws InterruptedException {
WebElement element = driver.findElement(By.classname("acme_color_swatch"));
String Color = "#0069FF";
if (element.contains(Color)){
element.click();
}
}