为什么 driver.findElement(<some static element ng-if=simplebool>static text</some>).getText()曾经返回“”吗？

我有一个 Angular 应用程序，我正在 osx 上通过 java 通过 chromedriver 使用 selenium 进行测试。

我有一些标记如下:

<h1 id="my-unique-id" ng-if="model.shouldDisplayThisAttribute">static text</h1>

我经常得到:

assert(driver.findElement(By.id("my-unique-id").getText().contains("static text");

产量:

java.lang.AssertionError: Not true that <""> contains <"static text">

喜欢，30% 的时间。

我不明白该元素的 .getText() 如何计算为“”，所以我假设 angular 是 $digesting 或 $compiling 页面。没关系。没关系。没关系。

我想知道 Angular 什么时候完成了 $compiling、$digesting 和 $watching，这样我就可以查看页面，看看是什么。

如果我添加:

(function() 
   function angularAppearsToBeIdle(callback) {
     var untilNextDigest,
        isIdle = angular.element(document.body).scope().$watch(function () {
           clearTimeout(untilNextDigest);
           untilNextDigest = setTimeout(function () {
           isIdle();
           callback('done');
         }, 100);
      });
    }
 angularAppearsToBeIdle(console.log.bind(console));
}());

在我的页面上，我在预期的时间看到了 console.log 消息。

如果我将其粘贴到控制台中:

(function() {
   function angularAppearsToBeIdle(callback) {
       var untilNextDigest,
       isIdle = angular.element(document.body).scope().$watch(function () {
           clearTimeout(untilNextDigest);
           untilNextDigest = setTimeout(function () {
               isIdle();
               callback('done');
           }, 100);
       });
   }
   angularAppearsToBeIdle(console.log.bind(console));
}());

我得到“未定义”。

最终，我想做的是来自 Java 的:

@Test
public void clickOnSomethingThatIsProbablyNotGoingToChange(driver.findElement(By.id("some-id"));

private WebElement idleElement() {

    new WebDriverWait(driver, 30).until(new Predicate<WebDriver>() {
        @Override
        public boolean apply(WebDriver input) {
            Object result = ((JavascriptExecutor) driver).executeScript("return window.angularAppearsToBeIdle;");
            return result.equals("idle");
        }
   }

我已经尝试了以下方法，但是没有 Selenium 做这样的事情的例子:

public void waitForAngular() {

    ((JavascriptExecutor) driver).executeScript(
            " window.angularAppearsToBeIdle = 'not idle'; ");

    ((JavascriptExecutor) driver).executeScript(
            " window.signalThatAngularAppearsToBeIdle = function(signal) { " +
            " var untilNextDigest, " +
            " isIdle = angular.element(document.body).scope().$watch(function () { " +
            "    clearTimeout(untilNextDigest); " +
            "    untilNextDigest = setTimeout(function () { " +
            "       isIdle(); " +
            "       signal = 'idle'; " +
            "    }, 100); " +
            "  }); " +
            " } ");

    driver.manage().timeouts().setScriptTimeout(10, TimeUnit.SECONDS);

    ((JavascriptExecutor) driver).executeAsyncScript(
            " var callback = arguments[arguments.length - 1]; " +
                    " signalThatAngularAppearsToBeIdle(callback) "
            ,
            " window.angularAppearsToBeIdle ");

    new WebDriverWait(driver, 30).until(new Predicate<WebDriver>() {
        @Override
        public boolean apply(WebDriver input) {
            Object result = ((JavascriptExecutor) driver).executeScript("return window.angularAppearsToBeIdle;");
            return result.equals("idle");

        }
    });

如果 Angular 正在忙着做事，我如何从 Selenium 检测到？

最佳答案

您需要编写一个自定义的 ExpectedCondition 来查询 angular 以查看它是否已完成。这是我之前准备的:

    public static ExpectedCondition angularHasFinishedProcessing() {
        return new ExpectedCondition<Boolean>() {
            @Override
            public Boolean apply(WebDriver driver) {
                String hasAngularFinishedScript = "var callback = arguments[arguments.length - 1];\n" +
                        "var el = document.querySelector('html');\n" +
                        "if (!window.angular) {\n" +
                        "    callback('false')\n" +
                        "}\n" +
                        "if (angular.getTestability) {\n" +
                        "    angular.getTestability(el).whenStable(function(){callback('true')});\n" +
                        "} else {\n" +
                        "    if (!angular.element(el).injector()) {\n" +
                        "        callback('false')\n" +
                        "    }\n" +
                        "    var browser = angular.element(el).injector().get('$browser');\n" +
                        "    browser.notifyWhenNoOutstandingRequests(function(){callback('true')});\n" +
                        "}";

                JavascriptExecutor javascriptExecutor = (JavascriptExecutor) driver;
                String isProcessingFinished = javascriptExecutor.executeAsyncScript(hasAngularFinishedScript).toString();

                return Boolean.valueOf(isProcessingFinished);
            }
        };
    }

这是假设您已经在 html 元素上定义了 ng-app。如果您在 DOM 的其他地方定义它，您将需要更新上面的代码。这几乎是从 Protractor 中偷来的，它正在检查是否有任何未完成的 ajax 请求，并检查 Angular 是否认为它处于可测试状态。

重要的部分是将此 JavaScript 片段作为异步脚本执行，因为 Angular 使用 promise 在准备就绪时触发回调。如果您不将其作为异步脚本运行，它将无法运行。

您还需要在驱动程序对象上设置脚本超时，这是 selenium 在抛出超时异常之前等待回调完成的时间量。您可以按如下方式设置:

driver.manage().timeouts().setScriptTimeout(15, TimeUnit.SECONDS);

然后就像将这个 ExpectedCondition 插入等待一样简单:

WebDriverWait wait = new WebDriverWait(driver, 15, 100);
wait.until(angularHasFinishedProcessing());

希望这对您有所帮助。

关于javascript - 如果 Angular 正在做......从 Selenium 中检测东西，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32345603/