Polecenie oczekiwania kątomierza nie może czekać na pojawienie się modemu bootstarp.

Question

Scenariusz: Za każdym razem, gdy użytkownik zaloguje się przy użyciu niepoprawnych poświadczeń, pojawi się modulator ładowania początkowego przez 1-2 sekundy z komunikatem "przepraszam, nieprawidłowe dane uwierzytelniające". Poniżej znajduje się kod HTML modalu.

<div class="modal-content"> 
<div class="modal-body note-error text-center ng-binding"> Sorry, invalid credentials! </div> 
</div> 

Muszę sprawdzić, czy oczekiwany tekst błędu jest równy faktycznemu tekstowi błędu.

Mój kod

PageObject.js

var errorModal = element(by.css('.modal-body.note-error.text-center.ng-binding')); 

this.getErrorText = function(){ 

var until = protractor.ExpectedConditions; 
browser.wait(until.textToBePresentInElement(errorModal, "Sorry, invalid credentials!"), 3000, "Not able to find"); 


    return errorModal.getText(); 

}; 

Spec.js

expect(Login_Page.getErrorText()).toMatch('Sorry, invalid credentials!'); 

Wyjście

Wiadomość: Oczekiwany '', aby dopasować „Niestety, nieprawidłowych poświadczeń ! ".

Nie wiem, dlaczego to oczekiwanie nie działa. Jakakolwiek pomoc będzie doceniona.

Answer 1

To jest odpowiedź wnosząca wkład pittgoose jako część https://github.com/angular/protractor/issues/4030. Pomyślałem, że będę się tutaj dzielić

Ok, przed każdym kątomierzem działania webdriver wykonuje browser.waitForAngular(), który czeka na wszystkie skrypty kątowe, aby zakończyć działanie przed wykonaniem następnej czynności. W tym przypadku uważam, że kątomierz czeka, aż modulator zniknie, zanim wykona wyszukiwanie.

Ponadto udowodniłem swoją teorię, ponieważ po dodaniu browser.waitForAngularEnabled (false) przed browser.wait (...) test przeszedł pomyślnie.Przykład:

browser.get('https://app.p3fy.com/#/login'); 
     element(by.css('[name="email"]')).sendKeys('pittgoose@sampleemail.com'); 
     element(by.css('[name="password"]')).sendKeys('blah'); 
     element(by.css('[type="submit"]')).click(); 
     browser.waitForAngularEnabled(false); // THIS MAKES THE TEST PASS 
     browser.wait(ExpectedConditions.textToBePresentInElement(element(by.id('errorDialog')), 'Sorry, invalid credentials!'), 3000, 'No!'); 

Nie będzie to problemem w przypadku interfejsu API Selenium Webdriver, ponieważ nie oczekuje na załadowanie Angulara.

Answer 2

Znalazłem rootOd problemu po przyjrzeniu się [aplikacji]. Modal błędu, którego szukasz, zawsze istnieje w dom - Oznacza to, że isPresent() zawsze zwróci true. Ale to jest widoczne tylko dla 1 lub 2 sekundy na nieprawidłowym wejścia - To znaczy isDisplayed() powróci true dla tych zaledwie kilku sekund

Efektem ubocznym jest to wartość zwracana getText(). Zwraca tylko widoczny wewnętrzny tekst wewnętrzny. Sprawdzić poniżej wyciąg z official documentation

Get widoczną innerText tego elementu, w tym podelementów, bez prowadzącej albo tylnym spacji. Widoczne elementy nie są ukryte przez CSS.

Ów powód widzisz pustą wartość od getText()

proponuję obejście gdzie wyodrębnić innerText przez browser.executeScript()

zastąpić return errorModal.getText() z return browser.executeScript('return arguments[0].textContent',errorModal) i powinno być wszystko dobrze

Daj mi znać, jeśli to zadziała