量角器如果我有许多带有ng-click的按钮将它们添加到集合中，我该如何测试它是否正确添加它们？

Question

我正在制作花盆应用程序，在其中添加鲜花。

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

每个按钮基本上都是以下 -

<button ng-click="model.addToFlowerPot(flower)">Add</button>

现在，我的鲜花中有十几朵鲜花（鲜花盛开），我只是用转发器来展示它们。

我怎样才能告诉量角器只测试其中一个按钮以确保将花朵添加到flowerPot中？

我在阅读http://www.protractortest.org/#/locators

后并不完全确定

由于

Answer 1

根据我的理解，首先你需要找到鲜花，这是by.repeater() locator可以帮助的：

var flowers = element(by.repeater("flower in flowers"));

然后，您选择想要使用的花朵。让我们说第一个：

var flower = flowers.first();  // or flowers.get(0);

然后，您可以找到“添加”button by text：

var addButton = flower.element(by.buttonText("Add"));
addButton.click();

您也可以使用each()：

为转发器中的每朵花做到这一点

flowers.each(function (flower) {
    var addButton = flower.element(by.buttonText("Add"));
    addButton.click();
});