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

您实际上可以在isDisplayed()上致电ElementArrayFinder：

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()使用一个布尔值来检查：

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

如何在ProtractorJS中使用.isDisplayed（）和.each（）for Angular

1 个答案: