Menu
I am trying to the count of find all visible elements under a container using Protractor
function getVisibleDivs(driver) {
var links = driver.findElements(by.css("#MainContent div"));
return protractor.promise.filter(links, function(link) {
link.isDisplayed();
})
.then(function(visibleLinks) {
return visibleLinks;
});
}
element.all(getVisibleDivs).then(function (items) {
console.log(items.length);
});
I always get the count as 0 though I have manually checked that the elements are present. Any pointers for debugging this much appreciated.
UPDATE Some sample html
<html>
<body>
<div id="MainContent">
<div class="header">
Header
</div>
<div class="content">
Content
</div>
<div class="sidebar" style="display:none">
Sidebar
</div>
<div class="footer">
Footer
</div>
</div>
</body>
</html>
794
There is no need to use protractor.promise directly. Protractor exposes functional programming functions like filter() on ElementArrayFinder - the result of element.all().
Here is how to use it:
var visibleDivs = $$("#MainContent div").filter(function(link) {
return link.isDisplayed();
});
expect(visibleDivs.count()).toEqual(3);
Your filter function does not return anything, so add 'return' to link.isDisplayed():
function getVisibleDivs(driver) {
var links = driver.findElements(by.css("#MainContent div"));
return protractor.promise.filter(links, function(link) {
return link.isDisplayed();
})
.then(function(visibleLinks) {
return visibleLinks;
});
}
element.all(getVisibleDivs).then(function (items) {
console.log(items.length);
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
