如何使用Protractor从页面的下拉列表中找到<ul>元素？

Question

<ul _ngcontent-c9 class="results-dropdown">
 <li _ngcontent-c9>
  <a _ngcontent-c9>XYZ</a>
 </li>
</ul>

我想从下拉列表中找到XYZ值，然后点击它。

如果有人有这方面的指导，请告诉我。

TIA

Answer 1

var dropdown = element(by.css('ul'));
var dropdownValues = element(by.css('ul > li > a'));
var expectedText = 'XYZ';

dropdown.click();
return dropdownValues.filter((eachValue) => {
    return eachValue.getText().then((valueText) => {
        if (valueText === expectedText) {
            return eachValue.click();
        }
    });
});

或

var dropdown = element(by.css('ul'));
var expectedText = 'XYZ';

dropdown.click();
element(by.linkText(expectedText)).click();