Question

我有一个函数正在检查是否所有应该在页面上的元素实际上都在页面上。

 /**
 * Elements are Displayed
 */
elementsDisplayed() {

    let elements = [
        this.emailTextField,
        this.pwordTextField,
        this.signInBtn,
        this.forgotLink,
    ];

    let elementsDisplayed = elements.map(function(element) {
        return element.isDisplayed();
    });

    let bundledPromise =  protractor.promise.all(elementsDisplayed)
    return bundledPromise
}

当我调用此函数时，它返回一个包含四个真值的数组。现在我正在调用此函数并期待它.toEqual([true, true, true, true])

有没有办法验证数组中的每个项目都是.toBe(true)？我尝试过以下内容但它失败了。我必须检查的功能是：

describe('Login Tests', () => {

it('Validate Login Page Elements', () => {
    let elementsVisible = loginPage.elementsDisplayed();
    _.forEach(elementsVisible, function(value) {
        expect(value).toBe(true);
    })
  });
});

输出检查方式超过4项;它是一大堆expected null to be true，expected undefined to be true，expected 'pending' to be true等等。

我在这里做错了什么？

Answer 1

此

let elementsVisible = loginPage.elementsDisplayed();

将从elementsDisplayes()返回的承诺分配给elementsVisible

和这个

_.forEach(elementsVisible ...

枚举该承诺的属性。

要获得承诺的价值，您必须使用then

loginPage.elementsDisplayed().then(elementsVisible => {
    _.forEach(elementsVisible, function(value) {
        expect(value).toBe(true);
    })
})

然后你的测试需要知道在异步回调中调用expect - 我不知道如何在量角器中进行异步测试，抱歉。

Answer 2

以下是我们修复它的方法，我们将elementsDisplayed方法更改为：

 /**
 * Elements are Displayed
 */
elementsDisplayed() {

    let elements = [
        this.emailTextField,
        this.pwordTextField,
        this.signInBtn,
        this.forgotLink,
    ];

    let elementsDisplayed = elements.map(function(element) {
        return element.isDisplayed();
    });

    return protractor.promise.all(elementsDisplayed).then(result => {
        console.log(result);
        return _.every(result)
    });
}

Expect数组的真值是真的

2 个答案: