量角器:测试引导程序警报 [英] protractor: testing bootstrap alerts

问题描述

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

我有一个 Angular 应用，使用引导警报.

我如何测试:

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

谢谢！

解决方案

页面加载时不存在警报(危险警报)

您可以使用 isPresent():

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

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

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

<块引用>

警报(危险警报)在按钮点击时出现

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

element(by.id('myButton')).click()期望(元素(by.css('.alert-danger')).isDisplayed()).toBe(true);

<块引用>

警报(成功警报)在另一个按钮点击时出现

同上:

element(by.id('myAnotherButton')).click()期望(元素(by.css('.alert-success')).isDisplayed()).toBe(true);

I'm new to Protractor testing. Been at it for only a few hours.

I have an angular app, using bootstrap alerts.

How do I test:

• Alert (danger-alert) is not present on page load
• Alert (danger-alert) becomes present on button click
• Alert (success-alert) becomes present on another button click

Thanks!

解决方案

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

You can use isPresent():

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

Or, if the element is there but invisible, check isDisplayed():

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

Alert (danger-alert) becomes present on button click

Click the button and check if alert is there by using isDisplayed():

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

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

Same as above:

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

这篇关于量角器:测试引导程序警报的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！