[英]Selenium (Java) wait until JavaScript / Vue / Angular loaded
[英]Angular 4 Wait Condition Using Java Selenium
我在编写适用于Angular 4和Angular 1的java硒的等待条件时遇到问题。我目前有一个适用于Angular 1的解决方案,如下所示:
public static ExpectedCondition<Boolean> angularHasFinishedProcessing() {
return new ExpectedCondition<Boolean>() {
public Boolean apply(WebDriver driver) {
return Boolean.valueOf(((JavascriptExecutor) driver).executeScript(
"return (window.angular !== undefined) &&" +
" (angular.element(document).injector() !== undefined) &&" +
" (angular.element(document).injector().get('$http').pendingRequests.length === 0)").toString());
}
};
}
public static void waitOnAngular(WebDriver driver){
WebDriverWait wait = new WebDriverWait(driver, 15, 100);
wait.until(AdditionalConditions.angularHasFinishedProcessing());
}
我正在寻找一些JavaScript来扩展此apply()方法以与angular 4或其他解决方案一起使用,人们已经成功地使硒等待,直到有角度的$ http请求与所有视图一起加载。
请参阅下面的pom.xml文件,以查看我是哪个版本的selenium-java。
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>com.ridebooker</groupId>
<artifactId>auto-tests</artifactId>
<version>1.0.0-SNAPSHOT</version>
<packaging>jar</packaging>
<name>Ridebooker Auto Tests</name>
<dependencies>
<dependency>
<groupId>com.codepine.api</groupId>
<artifactId>testrail-api-java-client</artifactId>
<version>RELEASE</version>
<exclusions>
<exclusion>
<artifactId>guava</artifactId>
<groupId>com.google.guava</groupId>
</exclusion>
</exclusions>
</dependency>
<dependency>
<groupId>info.cukes</groupId>
<artifactId>cucumber-java</artifactId>
<version>1.2.0</version>
</dependency>
<dependency>
<groupId>info.cukes</groupId>
<artifactId>cucumber-testng</artifactId>
<version>1.2.0</version>
</dependency>
<dependency>
<groupId>info.cukes</groupId>
<artifactId>cucumber-junit</artifactId>
<version>1.2.0</version>
</dependency>
<dependency>
<groupId>org.seleniumhq.selenium</groupId>
<artifactId>selenium-java</artifactId>
<version>3.5.2</version>
</dependency>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.11</version>
</dependency>
<dependency>
<groupId>log4j</groupId>
<artifactId>log4j</artifactId>
<version>1.2.17</version>
</dependency>
<dependency>
<groupId>org.apache.poi</groupId>
<artifactId>poi-ooxml</artifactId>
<version>3.9</version>
</dependency>
<dependency>
<groupId>org.apache.poi</groupId>
<artifactId>poi</artifactId>
<version>3.11-beta3</version>
</dependency>
<dependency>
<groupId>xml-apis</groupId>
<artifactId>xml-apis</artifactId>
<version>2.0.2</version>
</dependency>
<dependency>
<groupId>xerces</groupId>
<artifactId>xercesImpl</artifactId>
<version>2.8.0</version>
</dependency>
<dependency>
<groupId>org.hamcrest</groupId>
<artifactId>hamcrest-all</artifactId>
<version>1.3</version>
<scope>test</scope>
</dependency>
</dependencies>
<build>
<pluginManagement>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-surefire-plugin</artifactId>
<version>2.18</version>
<dependencies>
<dependency>
<groupId>org.apache.maven.surefire</groupId>
<artifactId>surefire-junit47</artifactId>
<version>2.18</version>
</dependency>
</dependencies>
<configuration>
<systemPropertyVariables>
<!--To use different properties when ran from inside your IDE change your run config to pass
the VM a parameter such as:
-Denv.HOME=local
-Denv.HOME=staging
-Denv.HOME=production
-->
<environment>${env.HOME}</environment>
</systemPropertyVariables>
</configuration>
</plugin>
</plugins>
</pluginManagement>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId>
<configuration>
<source>1.8</source>
<target>1.8</target>
</configuration>
</plugin>
</plugins>
</build>
这是我之前在SO中发现的一段时间,并成功地使用它来等待角度。 但是我不知道这是否对两者都有效。
final String script = "var callback = arguments[arguments.length - 1];\n" +
"var rootSelector = \'body\';\n" +
"var el = document.querySelector(rootSelector);\n" +
"\n" +
"try {\n" +
" if (angular) {\n" +
" window.angular.getTestability(el).whenStable(callback);\n" +
" }\n" +
" else {\n" +
" callback();\n" +
" }\n" +
"} catch (err) {\n" +
" callback(err.message);\n" +
"}";
((JavascriptExecutor) getDriver()).executeAsyncScript(script, new Object[0]);
window.getAllAngularTestabilities()
是您想要的功能。 这是一个例子:
var testabilities = window.getAllAngularTestabilities();
var count = testabilities.length;
var decrement = function() {
count--;
if (count === 0) {
return;
}
};
var waitForAllAngular2 = function() {
try {
testabilities.forEach(function(testability) {
testability.whenStable(decrement);
});
} catch (err) {
console.log(err.message);
}
};
waitForAllAngular2();
这样可以确保在执行任何操作之前Angular是稳定的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.