простите запоздалый комментарий
может кому пригодится
можно прератить длинный селектор
```
element = driver.findElements(By.cssSelector("div.navbar.navbar-fixed-top div.navbar-collapse li:nth-child(4) > a")).get(0);
wait.until(ExpectedConditions.elementToBeClickable(element));
```
в chain of
```
element = driver
.findElements(
new ByChained(By.cssSelector("body"),
By.cssSelector("div.navbar"),
By.cssSelector("div.navbar-collapse"),
By.cssSelector("li"),
By.xpath(
String.format(
"//a[contains(text()[normalize-space()],'%s')]", "Blog")
)
)
)
.get(0);
wait.until(ExpectedConditions.elementToBeClickable(element));
highlight(element);
```
и оттуда уже прямой путь в отладчик
```
element = driver
.findElements(new ByChained(
By.cssSelector("body"),
By.cssSelector("div.navbar-fixed-top"),
By.cssSelector("div.navbar-collapse"),
By.cssSelector("li"))
).stream().map(
o -> {
System.err.println(o.getAttribute("innerHTML"));
return o;
}
).filter(
o -> o.findElements(
By.xpath(String.format(
"//a[contains(text()[normalize-space()],'%s')]","Blog"))
).size() > 0).collect(Collectors.toList()).get(0);
wait.until(ExpectedConditions.elementToBeClickable(element));
highlight(element);
element.click();
```
то есть можно посмотркть как оно фильтруется по дороге по DOMу:
типа
```
<a href="/">Home</a>
<a href="/code/" class="dropdown-toggle" data-toggle="dropdown">Plugins <b class
="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/code/bootstrap-dropdown-hover/">Bootstrap Dropdown Hover</a></li>
<li class="active"><a href="/code/bootstrap-autohidingnavbar/">Bootstrap Auto-Hi
ding Navbar</a></li>
<li><a href="/code/bootstrap-colorpickersliders/">Bootstrap Color Picker Sliders
</a></li>
<li><a href="/code/bootstrap-touchspin/">Bootstrap TouchSpin</a></li>
<li><a href="/code/jquery-colorpickersliders/">jQuery Color Picker Sliders</a></
li>
<li><a href="/code/bootstrap-duallistbox/">Bootstrap Duallistbox</a></li>
</ul>
<a href="/code/bootstrap-dropdown-hover/">Bootstrap Dropdown Hover</a>
<a href="/code/bootstrap-autohidingnavbar/">Bootstrap Auto-Hiding Navbar</a>
<a href="/code/bootstrap-colorpickersliders/">Bootstrap Color Picker Sliders</a>
<a href="/code/bootstrap-touchspin/">Bootstrap TouchSpin</a>
<a href="/code/jquery-colorpickersliders/">jQuery Color Picker Sliders</a>
<a href="/code/bootstrap-duallistbox/">Bootstrap Duallistbox</a>
<a href="/tools/" class="dropdown-toggle" data-toggle="dropdown">Tools <b class=
"caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/tools/live-less-theme-customizer/">Live LESS Theme Customizer</a><
/li>
<li><a href="/tools/bootstrap-live-customizer/">Bootstrap Live Customizer</a></l
i>
<li><a href="/tools/css-gradient-generator/">Gradient Generator</a></li>
</ul>
<a href="/tools/live-less-theme-customizer/">Live LESS Theme Customizer</a>
<a href="/tools/bootstrap-live-customizer/">Bootstrap Live Customizer</a>
<a href="/tools/css-gradient-generator/">Gradient Generator</a>
<a href="/blog/" style="">Blog</a>
<a href="/codepen/">Codepen</a>
```