当Angular不可用时，如何使用Protractor等待元素可见？

Question

我有一个登录函数，我正在用它来进行Protractor测试，它看起来像这样：

var config = require("../helpers/config.js");

var login = function() {
    browser.driver.get(config.dsp.url);
    browser.driver.findElement(by.name("userName")).sendKeys(config.dsp.user);
    browser.driver.findElement(by.name("password")).sendKeys(config.dsp.password);
    return browser.driver.findElement(by.name("submit")).click().then(function() {
        return browser.driver.wait(function() {
            return browser.driver.isElementPresent(browser.driver.findElement(by.className("sample-class-name")));
        }, 360000);
    });
}

module.exports = login;

我无法使用任何Protractor特定的钩子，因为此页面未使用Angular，所以我必须使用底层的webdriver API。问题是，我似乎无法弄清楚如何使用这个封装的webdriver对象等待元素可见。如果有帮助，将不胜感激。

- Larry Turtis

---

当我运行这个测试时，我收到的错误是TypeError: "Invalid Locator"，针对browser.driver.isElementPresent。 - Larry Turtis

如果Angular不存在，为什么不直接禁用与browser.ignoreSynchronization = true;的同步？ - Florent B.

好问题。一旦登录完成，Angular 就会出现。我只需要让用户通过非 Angular 登录页面即可。 - Larry Turtis

你可以在完成页面后禁用同步，然后再启用它。请注意，您必须在控制流程中安排任务。 - Florent B.

那就是问题所在，我不太清楚何时完成页面，因为我无法确定告诉我完成状态的元素是否存在。 - Larry Turtis

Answer 1

尝试使用底层驱动程序的预期条件：

var config = require("../helpers/config.js");
var until = require('selenium-webdriver').until;

var login = function() {
    var driver = browser.driver;

    driver.get(config.dsp.url);
    driver.findElement(by.name("userName")).sendKeys(config.dsp.user);
    driver.findElement(by.name("password")).sendKeys(config.dsp.password);
    driver.findElement(by.name("submit")).click();

    return driver.wait(until.elementLocated(by.css(".sample-class-name")), 10000)
      .then(e => driver.wait(until.elementIsVisible(e)), 10000);
}

module.exports = login;

- Florent B.

---

谢谢。这就是我在寻找的东西。 - Larry Turtis

谢谢，我也一样！ - afaraut

我有同样的问题，尝试了上面的代码，但对我没有用。 - jaibalaji