量角器：测试 bootstrap 警报

Question

我是量角器测试的新手。只用了几个小时。

我有一个 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);