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

Question

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

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

每个按钮基本如下-

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

现在，我的flowerArray（花中花）中可能有十几朵花，我只是使用中继器来展示它们。

我如何告诉量角器只测试其中一个按钮以确保将花添加到花盆中？

阅读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();
});