javascript-如何在Angular的ProtractorJS中将.isDisplayed()与.each()一起使用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何在Angular的ProtractorJS中将.isDisplayed()与.each()一起使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1178字，纯文字阅读大概需要2分钟。

内容图文

我正在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]);
});
});

解决方法:

您实际上可以在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()来检查单个布尔值：

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

内容总结

以上是互联网集市为您收集整理的javascript-如何在Angular的ProtractorJS中将.isDisplayed()与.each()一起使用全部内容，希望文章能够帮你解决javascript-如何在Angular的ProtractorJS中将.isDisplayed()与.each()一起使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端