量角器中的预期条件

问题描述：

在使用 Python 编写 selenium 测试时，我习惯于大量使用显式等待来等待页面加载，或者等待元素变得可见或可点击等：

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

element = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.ID, "myDynamicElement"))
)

这里的关键概念是提供要等待的预期条件，有多种类型：

• text_to_be_present_in_element_value

• element_to_be_clickable

• alert_is_present

• ETC

sleep与使用硬编码时间间隔相比，使用预期条件可以使代码更清晰、更可靠。

现在，我们正在将我们的端到端测试基础设施转向protractor很多。

量角器 中的是否Expected Conditions与python-selenium或 中
的 类似java-selenium？如果没有，在 中明确等待条件的规范方法是什么protractor？

我已查看过量角器文档但未发现任何相关信息。

解决方案 1：

一旦feat(expectedConditions)进入（可能是量角器 1.7），您可以执行以下操作：

var EC = protractor.ExpectedConditions;
var e = element(by.id('xyz'));
browser.wait(EC.presenceOf(e), 10000);
expect(e.isPresent()).toBeTruthy();

但请注意，如果您正在使用 Angular 应用程序并且您的测试需要这些条件等待，那么这对您正在做的事情来说是一个很大的危险信号，因为量角器应该本地处理等待。

解决方案 2：

在 Protractor 中您可以使用browser.wait(fn, timeout)。

例子：

var element = by.id('myDynamicElement');
browser.wait(function() {
  return ptor.isElementPresent(element);
}, 10000);

expect(ptor.isElementPresent(element)).toBeTruthy();

解决方案 3：

waitForControlVisible(locator: string, timeout: number) {
    try {
        const element = this.findElement(locator);
        const condition = browser.ExpectedConditions;
        browser.wait(condition.visibilityOf(element), timeout);
    } catch (e) {
        console.log(e.message);
        console.error('Control not visible.', e);
    }
}

也许对您有帮助，等待 DOM 中的元素可见性。