Angularjs 量角器如果我有许多带有ng单击的按钮将它们添加到集合中,如何测试它是否正确添加它们?

Angularjs 量角器如果我有许多带有ng单击的按钮将它们添加到集合中,如何测试它是否正确添加它们?,angularjs,protractor,Angularjs,Protractor,我正在制作一个花盆应用程序,您可以在其中添加花朵 想象一下,在页面上有一束花,你可以点击一些+按钮将这些花添加到你的花盆中 每个按钮基本上如下所示- <button ng-click="model.addToFlowerPot(flower)">Add</button> 添加 现在,我可能有一打花从我的花卉阵列(花中的花),我只是用一个中继器显示他们所有 我怎样才能告诉量角器只测试其中一个按钮,以确保花被添加到花盆中 看完后我不太确定 谢谢据我所知,首先你需要找到花的

我正在制作一个花盆应用程序,您可以在其中添加花朵

想象一下,在页面上有一束花,你可以点击一些+按钮将这些花添加到你的花盆中

每个按钮基本上如下所示-

<button ng-click="model.addToFlowerPot(flower)">Add</button>
添加
现在,我可能有一打花从我的花卉阵列(花中的花),我只是用一个中继器显示他们所有

我怎样才能告诉量角器只测试其中一个按钮,以确保花被添加到花盆中

看完后我不太确定


谢谢

据我所知,首先你需要找到花的位置,这有助于:

var flowers = element(by.repeater("flower in flowers"));
然后,你选择你想要的花。让我们说第一个:

var flower = flowers.first();  // or flowers.get(0);
然后,您可以找到“添加”:


您还可以使用以下方法对中继器中的每一朵花执行此操作:


哦哈哈那当然是有点复杂了,但也很基本要知道。非常感谢。我有点麻烦了。我收到一个错误-
失败:元素不可见(@user1354934)您能检查一下每个中继器元素中是否有另一个按钮元素带有
Add
文本。请看-它概述了此问题的常见解决方案。希望这有帮助。每个按钮都有“Add”在里面。谢谢你的链接-现在看看。很抱歉给你添麻烦。
var addButton = flower.element(by.buttonText("Add"));
addButton.click();
flowers.each(function (flower) {
    var addButton = flower.element(by.buttonText("Add"));
    addButton.click();
});