如何使用Protractor在列表中找到离子选项按钮

Question

我似乎没有得到离子项来使离子选项按钮可见，因此量角器可以点击按钮。

这是我尝试使用量角器--elementExplorer：

browser.actions().dragAndDrop(
(element.all(by.repeater('item in items')).get(0)), { x: 500, y: 0 })
.perform();

但它只突出显示该项目，但未显示离子选项按钮。 还尝试过：

browser.actions().mouseDown().mouseMove(
(element.all(by.repeater('item in items')).get(0)), { x: 500, y: 0 })
.perform();

它也不起作用。 有线索吗？

Answer 1

您可以在代码中使用 ion-list 和 ion-item 。 看看我的笔：

  

http://codepen.io/harked/pen/oXoXEO

<ion-list show-delete="data.showDelete" show-reorder="data.showReorder">
    <div class="card" ng-repeat="item in items">
      <ion-item item="item" href="#/item/{{item.id}}" class="item-remove-animate">Number {{ item.id }}
        <ion-delete-button class="ion-minus-circled" ng-click="onItemDelete(item)"></ion-delete-button>
        <ion-option-button class="button-assertive" ng-click="edit(item)">Edit</ion-option-button>
        <ion-option-button class="button-balanced" ng-click="share(item)">Share</ion-option-button>
        <ion-option-button class="button-energized" ng-click="share(item)">Like</ion-option-button>
        <ion-option-button class="button-royal" ng-click="share(item)">+1</ion-option-button>
      </ion-item>
    </div>
  </ion-list>