量角器如何等待选项

Question

我有这样的代码：

        element(by.model("roleSelection.role")).element(by.cssContainingText('option', newRole)).click();//.then(function() {console.log('role click')})//;

通过调用服务器加载选项。

我可以通过这样做等待第一个元素

   browser.wait(function() {
return browser.isElementPresent(by.model("roleSelection.role")).then(function(present){
    return present;
});}, 8000);

而且它似乎有效。但是我怎么能等到“子元素”是可点击的。 这个我试过了

   browser.wait(function() {
return browser.isElementPresent(by.model("roleSelection.role")).then(function(present){
    if (present) {
        var elm = element(by.model("roleSelection.role"));
        return elm.isElementPresent(by.cssContainingText('option', newRole)).then(function(subpresent) {
            return subpresent;
        });
    }
});   }, 8000);

Answer 1

你试过可点击吗？类似的东西

var EC = protractor.ExpectedConditions;
var select = element(by.model("roleSelection.role"))
var isClickable = EC.elementToBeClickable(select);
browser.wait(isClickable,5000); //now options should have been loaded by now

Answer 2

好吧，试试这个：https://angular.github.io/protractor/#/api?view=ExpectedConditions.prototype.elementToBeClickable

但是，请记住，Protractor 适用于 Angular 网页和交互以及动画。例如 ng-animate。因此，它不确定是否适用于例如 jquery 或其他动画。

这样：

 onPrepare: function () {
    // disable animations when testing to speed things up
    var disableNgAnimate = function () {
      angular.module('disableNgAnimate', []).run(function ($animate) {
        $animate.enabled(false);
      });
    };
    browser.addMockModule('disableNgAnimate', disableNgAnimate);
  }

或者您可以在browser.executeScript() 中以脚本方式切换。 请参阅此link。它仅适用于 jquery 动画。

如果您没有动画问题。使用setTimeout()JS函数。