Angular + Selenium：无法从输入字段中获取值

Question

我已经在 Protractor 中编写了我的测试并且我使用了一个期望语句：

loginPage.email.sendKeys( params.login.email );
expect(loginPage.email.getText()).toEqual( params.login.email );

但是，我的测试失败了，因为 signUpPage.email.getText() 返回一个空字符串。我在 Selenium 的文档中找不到为输入字段调用什么函数以返回正确的值？

在我的 Protractor.conf 文件中：

 params: {
      login: {
        email: 'user@email.com',
        password: 'blahblah123'
      }

终端错误：

预期 '' 等于 'user@email.com'。

所以我试图匹配电子邮件字段的输入与我发送的电子邮件地址相同。有什么建议如何在 Selenium 中做到这一点？

Answer 1

如果这是input字段，则需要获取value属性的值：

expect(loginPage.email.getAttribute("value")).toEqual(params.login.email);

同样，在这里应用 Saifur 的想法，如果需要等待元素包含所需的值，请使用textToBePresentInElementValue Expected Condition：

var EC = protractor.ExpectedConditions;
browser.wait(EC.textToBePresentInElementValue(loginPage.email, params.login.email), 5000);

请注意，必须指定超时值（以毫秒为单位）。

Answer 2

如果您想仅使用 WebDriver 实例获取由 AngularJS 管理的输入字段的值，那么有一种简单的方法可以实现。

我使用 FirefoxWebDriver 对其进行了测试，它运行良好。

基本上，您必须使用 JavascriptExecutor 在浏览器中执行 javascript 代码。

如果你的 web 项目有 jQuery 插件，那么你可以使用以下方法：

WebDriver driver = DriverFactory.getDriver();

public String getTextAt(String cssId) {
    if (driver instanceof JavascriptExecutor) {
        JavascriptExecutor javascriptExecutor = (JavascriptExecutor) driver;
        return (String) javascriptExecutor.executeScript("return $('" + cssId + "').val();");
    }
    return null;
}

如果你想使用原始 javascript，你可以这样做：

WebDriver driver = DriverFactory.getDriver();

public String getTextAt(String cssId) {
    if (driver instanceof JavascriptExecutor) {
        JavascriptExecutor javascriptExecutor = (JavascriptExecutor) driver;
        return (String) javascriptExecutor.executeScript("return documenet.getElementById('" + cssId + "').value;");
    }
    return null;
}

请注意，在这种情况下 cssId 应该是一个 id 属性。

Answer 3

可能元素加载时间是这里的问题。在这种情况下，您可以使用ExpectedCondition，甚至可以匹配您要查找的文本。

var EC = protractor.ExpectedConditions;
browser.wait(EC.textToBePresentInElement(loginPage.email ,params.login.email));

更新 错过了预期条件的时间。谢谢@alecxe

browser.wait(EC.textToBePresentInElementValue(loginPage.email, params.login.email), 5000);