javascript - 如何在 ProtractorJS for Angular 中使用 .isDisplayed() 和 .each()

Question

我正在我的 Angular 应用程序中设置一个测试以进入并单击一个元素，它应该查看是否显示了某个对象。虽然我知道 isDisplayed() 是针对单个元素而不是多个元素，但我觉得这里的这段代码应该可以工作。我知道有一个 .each() 函数，但不确定它如何适应这个。如何将 .each() 与 isDisplayed() 一起使用？

it('should flip cards and check to make sure graph is visible', function(){
var cards = element.all(by.repeater('card in cards'));
var backOfCard = element.all(by.css('#current-status ul li .back canvas'));

expect(browser.getCurrentUrl()).toEqual('http://localhost:8000/app/#/dashboard');
expect(cards.count()).toBe(4);
cards.click().then(function(){
    expect(backOfCard.isDisplayed()).toBe([true, true, true, true]);
});
});

Answer 1

您实际上可以在 ElementArrayFinder 上调用 isDisplayed():

expect(backOfCard.isDisplayed()).toBe([true, true, true, true]);

或者，map()可以在这里使用:

var values = backOfCard.map(function (elm) {
    return elm.isDisplayed();
});
expect(values).toBe([true, true, true, true]);

---

而且，您甚至可以 reduce()它有一个 bool 值来检查:

var allDisplayed = backOfCard.reduce(function (acc, elm) {
    return elm.isDisplayed().then(function (isDisplayed) {
        return isDisplayed && acc;
    });
}, false);
expect(allDisplayed).toBeTrue();