angularjs - Protractor :测试引导警报

Question

我是 Protractor 测试的新手。只用了几个小时。

我有一个 Angular 应用程序，使用 Bootstrap 警报。

我如何测试:

• 页面加载时不存在警报(危险警报)
• 点击按钮时出现警报(危险警报)
• 警报(成功警报)出现在另一个按钮点击上

谢谢!

Answer 1

Alert (danger-alert) is not present on page load

您可以使用 isPresent() :

expect(element(by.css('.alert-danger')).isPresent()).toBe(false);

或者，如果元素存在但不可见，检查 isDisplayed() :

expect(element(by.css('.alert-danger')).isDisplayed()).toBe(false);

Alert (danger-alert) becomes present on button click

单击按钮并使用 isDisplayed() 检查是否有警报:

element(by.id('myButton')).click()
expect(element(by.css('.alert-danger')).isDisplayed()).toBe(true);

Alert (success-alert) becomes present on another button click

同上:

element(by.id('myAnotherButton')).click()
expect(element(by.css('.alert-success')).isDisplayed()).toBe(true);