量角器 - 按任何属性查找元素

Question

<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>

我想使用文本“Home”搜索元素，如下面的代码所示：

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

但我还需要使用任何其他可用属性，在本例中为translate ，以使其更准确。

这样做有可能吗？ 我见过这样的事情

by.css(".ng-scope input[translate='menu.customers']"); 

但它似乎没有用。

Answer 1

by.css(".ng-scope input[translate='menu.customers']");

这基本上转化为：给我input元素，其中menu.customers translate属性值，在具有ng-scope类的父元素内的某处。 这是行不通的，因为有没有父元素ng-scope您所提供的HTML类，它是a ，而不是input你所期待的。

相反，你可能意味着：

a.ng-scope[translate='menu.customers']

虽然，我不建议依赖相当广泛的ng-scope类。

---

根据您提供的HTML，以下是几个相当精确的CSS选择器：

ul.menu > li > a[href*=home]  // href contains "home"
ul.menu > li > a[href$=home]  // href ends with "home"
ul.menu > li > a[translate="menu.home"]  // translate equals to "menu.home"
ul.menu > li > a[translate$=home]  // translate contains "home"