jasmine - tag - google analytics tracker

Transportador: ¿Cómo esperar a que se complete la página después de hacer clic en un botón?

Question

En una especificación de prueba, debo hacer clic en un botón en una página web y esperar a que la nueva página esté completamente cargada.

emailEl.sendKeys(''jack'');
passwordEl.sendKeys(''123pwd'');
btnLoginEl.click();
// ...Here need to wait for page complete... How?
ptor.waitForAngular();
expect(ptor.getCurrentUrl()).toEqual(url + ''abc#/efg'');

Answer 1

Acabo de echar un vistazo a la fuente: el transportador está esperando Angular solo en algunos casos (como cuando se invoca element.all , o la configuración / ubicación).

Así que Protractor no esperará a que Angular se estabilice después de cada comando.

Además, parece que a veces en mis pruebas tuve una carrera entre el ciclo de digestión angular y el evento de clic, por lo que a veces tengo que hacer:

elm.click();
browser.driver.sleep(1000);
browser.waitForAngular();

usando el modo de espera para esperar a que la ejecución ingrese en el contexto de AngularJS (activado por un evento de click ).

Answer 2

Con Protractor, puede utilizar el siguiente enfoque

var EC = protractor.ExpectedConditions;
// Wait for new page url to contain newPageName
browser.wait(EC.urlContains(''newPageName''), 10000);

Así que su código se verá algo así como,

emailEl.sendKeys(''jack'');
passwordEl.sendKeys(''123pwd'');
btnLoginEl.click();
var EC = protractor.ExpectedConditions;
// Wait for new page url to contain efg
ptor.wait(EC.urlContains(''efg''), 10000);
expect(ptor.getCurrentUrl()).toEqual(url + ''abc#/efg'');

Nota: Esto puede no significar que la nueva página ha terminado de cargarse y DOM está listo. La siguiente declaración ''expect ()'' asegurará que el Transportador espere a que DOM esté disponible para la prueba.

Referencia: Conductor ExpectedConditions

Answer 3

Dependiendo de lo que quieras hacer, puedes probar:

browser.waitForAngular();

o

btnLoginEl.click().then(function() {
// do some stuff
}); 

Para resolver la promesa. Sería mejor si pudieras hacer eso antes de beforeEach .

NB: Noté que el expect () espera que la promesa interna (es decir, getCurrentUrl) se resuelva antes de comparar.

Answer 4

En este caso, puede utilizar:

Objeto de página:

 waitForURLContain(urlExpected: string, timeout: number) {
try {
const condition = browser.ExpectedConditions;
browser.wait(condition.urlContains(urlExpected), timeout);
} catch (e) {
console.error(''URL not contain text.'', e);
};
}

Prueba de página:

page.waitForURLContain(''abc#/efg'', 30000);

Answer 5

No necesitas esperar. El transportador espera automáticamente a que esté listo el ángulo y luego ejecuta el siguiente paso en el flujo de control.

Answer 6

Por lo general, simplemente agrego algo al flujo de control, es decir:

it(''should navigate to the logfile page when attempting '' +
''to access the user login page, after logging in'', function() {
userLoginPage.login(true);
userLoginPage.get();
logfilePage.expectLogfilePage();
});

logfilePage:

function login() {
element(by.buttonText(''Login'')).click();
// Adding this to the control flow will ensure the resulting page is loaded before moving on
browser.getLocationAbsUrl();
}

Answer 7

Usa esto creo que es mejor

 *isAngularSite(false);*
browser.get(crmUrl);
login.username.sendKeys(username);
login.password.sendKeys(password);
login.submit.click();
*isAngularSite(true);*

Para que use esta configuración de isAngularSite, debe poner esto en su protractor.conf.js aquí:

 global.isAngularSite = function(flag) {
browser.ignoreSynchronization = !flag;
};

Answer 8

puedes hacer algo como esto

emailEl.sendKeys(''jack'');
passwordEl.sendKeys(''123pwd'');
btnLoginEl.click().then(function(){
browser.wait(5000);
});

Answer 9

browser.waitForAngular();
btnLoginEl.click().then(function() { Do Something });

Para resolver la promesa.