获取对没有唯一属性的对象的引用答案

【问题标题】：Get reference to object without a unique attribute获取对没有唯一属性的对象的引用
【发布时间】：2016-03-24 05:36:46
【问题描述】：

我正在尝试获取页面特定部分的引用，然后我可以在其上使用方法click()。我试图使用这样的 CSS 选择器：

var customersMenu = $('input[translate=menu.customers]');

但是直到现在都没有成功。你能帮我吗？

<ul class="menu">
    <li ui-sref-active="active">
        <a class="ng-scope" translate="menu.home" href="#/home">Home</a>
    </li>
    <li ui-sref-active="active">
        <a class="ng-scope" ui-sref="customer.list" translate="menu.customers" href="#/customers">Customers</a>
    </li>
</ul>

【问题讨论】：

标签： javascript css angularjs css-selectors protractor

【解决方案1】：

首先，您可能需要打开菜单才能点击菜单项：

var menu = $("ul.menu");  // $ is a shortcut to element(by.css("selector"))
menu.click();

那么，定位菜单项的最简单方法是“通过链接文本”：

menu.element(by.linkText("Home")).click();

【讨论】：