量角器表单验证导致失败的期望

时间:2016-01-08 09:15:08

标签: javascript angularjs selenium jasmine protractor

我对量角器很新,我很难找到测试表单验证

<input name="emailid" data-ng-model="contactInfo.email" class="input-padding-five" type="email"
  required data-ng-class="{'error-border' : reg.$submitted && reg.emailid.$invalid }" />

<span class="span-error" data-ng-if="reg.$submitted && reg.emailid.$invalid" data-ng-bind-template="Enter valid Email id"></span>

我试着做下面的

expect(element(by.css('input[name="emailid"]')),'ng-invalid').toBe(true);
expect(element(by.css('input[name="emailid"]'))).toMatch(/error-border/);

仍然没有帮助.............任何帮助都非常感谢.......提前谢谢

1 个答案:

答案 0 :(得分:1)

必须对元素使用依赖函数才能对它们执行操作。在您的情况下,使用isDisplayed()函数检查是否显示错误范围。这是如何 -

var err = element(by.css('.span-error'));
browser.wait(protractor.ExpectedConditions.visibilityOf(err), 5000); //If the error span takes time to be visible, use wait() function
expect(err.isDisplayed()).toBe(true); //Checks if span error is displayed

您可以使用类似的功能来检查元素的其他属性。例如,使用getText()获取元素的文本值。

希望它有所帮助。