如何使用量角器在列表中定位离子选项按钮答案

【问题标题】：How to locate an ion-option-button in a list using Protractor如何使用量角器在列表中定位离子选项按钮
【发布时间】：2015-03-25 11:58:14
【问题描述】：

我似乎没有让 ion-item 使 ion-option-button 可见，以便量角器可以单击该按钮。

这是我尝试使用量角器 --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();

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

【问题讨论】：

不熟悉 ionic，您能否描述或展示需要做什么才能使选项按钮可见？谢谢。
当您将列表项拖到左侧时，会显示“编辑”按钮，选中 codepen.io/ionic/pen/JsHjf

标签： ionic-framework protractor

【解决方案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>

【讨论】：

问题是关于用量角器定位离子选项按钮。