транспортир форма проверки вызвала Failed ожидания

Question

Im очень новый для транспортира и им трудно найти для проверки формы теста

<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> 

Я пытался делать follwing

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

еще didnot помощи ....... ...... Любая помощь очень ценится ....... Спасибо заранее

Answer 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(), чтобы получить текстовое значение элемента.

Надеюсь, это поможет.