过滤器按钮无法点击

Question

我正在尝试单击过滤器按钮以按字母顺序对列表进行排序。我按一个过滤器，它是过滤器的.first（），它工作正常，它只是使用不同的名称相同的代码。现在我想点击第三个，什么都没有。我试图做等待函数和isVisible，但是没有产生结果，元素仍然不可见。

＆＃13;

＆＃13;

browser.driver.sleep(3000);
//clicks the area filter button
element.all(by.css("[data-bind='text: displayName, visible: displayName']")).get(3).click().click();
browser.driver.sleep(3000);

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

<th data-bind="click: $root.orderBy, nonScrollableTooltip: { text: tooltip, shift: [-10, 40] }">
  <span data-bind="text: displayName, visible: displayName">Area</span>
  <span class="capacity-icon" data-bind="class: icon, visible: icon" style="display: none;"></span>
  <span class="order-indicator order-asc" data-bind="css: { 'order-asc': sortOrder().name == 'asc', 'order-desc': sortOrder().name == 'desc' }"></span>
</th>

＆＃13;

＆＃13;

＆＃13;

我真的很困惑这里要做什么。