browser.wait（）直到.getAttribute（）返回true

Question

browser.get('https://material.angularjs.org/latest/#/demo/material.components.select');

var topping = element(by.model('topping'));

topping.click();

browser.wait(function() {
    return topping.getAttribute('aria-expanded').then(function(value) {
        return value == 'true';
    });
}, 5000);

var toppingOptions = element.all(by.css('[role="option"]'));

toppingOptions.get(5).click();

expect(topping.getText()).toBe('Onion');

这给了我一个错误：

元素在点(436，693)处不可单击。其他元素将接收单击:

还有一个注意事项，如果我将browser.sleep(1000)；放在topping.click()之后，放在browser.wait()之前，则测试通过。所以我知道剩下的测试不是失败的地方。由于某种原因，等待的呼叫不起作用。

我认为这可能与以下事实有关：当单击topping时，我尝试单击的选项在技术上不可见，因为它位于带有scroll元素的组合框中。如果有人知道一个好的方法来模拟滚动到“洋葱”元素，这将是非常感谢的。

Answer 1

等待条件函数中缺少return:

browser.wait(function() {
    return topping.getAttribute('aria-expanded').then(function(value) {
        return value == 'true';
    });
}, 5000);

注意，我还简化了then回调内部的比较逻辑。

或者，也可以等待选项元素变得可见：

var EC = protractor.ExpectedConditions;

var toppingOptions = element.all(by.repeater("topping in toppings"));
browser.wait(EC.visibilityOf(toppingOptions.first()), 5000);

toppingOptions.get(5).click();