How can I retrieve the Title values of all the a tags? Below is the XML structure with a ulTopMenu that acts as a hover dropdown, and I am using Protractor.
<ul id="ulTopMenu">
<li>
<li>
<li>
<ul class="submenu">
<li>
<a href="" title = "test2"></a></li>
<li>
<a href ="" title = "test1" ></a></li>
</ul>
</li>
</ul>
This is what I have attempted so far:
var menus = element.all(by.css('#ulTopMenu > li'));
var submenu = element.all(by.css('#ulTopMenu > li .submenu li')).all(by.tagName('a'));
browser.actions().mouseMove(menus.get(3)).perform().then(function () {
submenu.filter(function (elem, index) {
return elem.getAttribute('title').then(function (val) {
return val === 'test1'
})
}).first().click();
However, I keep getting an error indicating that the element is not visible.