How do I click depending on state of toggle switch? - selenium

Question

I have a toggle switch I want to click depending on what the switch state is.
If it is "span.switch-right" I want to do:
findElement(By.cssSelector("span.switch-left")).click();
If it is "span.switch-left" I want to do:
findElement(By.cssSelector("span.switch-right")).click();
HTML:
<div tabindex="0" class="has-switch switch-on switch-animate">
<div>
<span class="switch-left">ON</span>
<label for="profile_isProfileSharedWithNearby"> </label>
<span class="switch-right">OFF</span>
<input id="profile_isProfileSharedWithNearby" name="profile[isProfileSharedWithNearby]" class="form-control-borderless hide" value="1" checked="checked" type="checkbox">
</div>
</div>

Answer 1

Assuming the text is reliable, you could use an xpath selector for this:
findElement(By.xpath("//span[contains(#class, 'switch-') and contains(text(), 'OFF')]")).click();
This will always click the OFF switch.

Answer 2

You probably want to give Fluent Wait a try. It gives you the ability to wait for an element bypassing some exception types and poll DOM after a certain period of time and make sure if that exists or not.
By by = By.cssSelector("span.switch-left");
// Waiting 30 seconds for an element to be present on the page, checking
// for its presence once every 5 seconds.
FluentWait<WebDriver> wait = new FluentWait<WebDriver>(driver)
.withTimeout(30, SECONDS)
.pollingEvery(5, SECONDS)
.ignoring(NoSuchElementException.class);
WebElement foo = wait.until(new Function<WebDriver, WebElement>() {
public WebElement apply(WebDriver driver) {
return driver.findElement(by);
}
});
foo.click();
Taken from here
Edit
Provided solution after confusing(;-)) discussion
//*[#tabindex='0'][contains(#class,'switch-off')]

Answer 3

You can check the switch state by following code and can switch it off its on
List<WebElement> switchElement = driver.findElements(By
.cssSelector("div.has-switch.switch-on.switch-animate"));
System.out.println(switchElement.size() + " : Switch Size");
// Check its on, if its on then switch it off
if (switchElement.size() != 0) {
switchElement.get(0)
.findElement(By.cssSelector("span.switch-left")).click();
} else
System.out.println("Switch is already off");