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

En una especificación de prueba, necesito hacer clic en un botón en una página web y esperar a que la nueva página se cargue por completo.

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');

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 pudiera hacerlo en el beforeEach.

NB: Me di cuenta de que el esperar () espera a que se resuelva la promesa dentro (es decir, getCurrentUrl) antes de comparar.

Acabo de echar un vistazo a la fuente: Protractor está esperando Angular solo en algunos casos (como cuando element.allse invoca o configura / obtiene la ubicación).

Entonces 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 resumen angular y el evento de clic, así que a veces tengo que hacer:

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

usando sleep para esperar la ejecución para ingresar al contexto AngularJS (desencadenado por un clickevento)

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

Con transportador, puede utilizar el siguiente enfoque

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

Entonces 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 haya terminado de cargarse y que DOM esté listo. La siguiente declaración 'espera ()' asegurará que Transportador espere a que DOM esté disponible para la prueba.

Referencia: condiciones esperadas del transportador

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

Por lo general, solo 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();
}

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 pueda utilizar esta configuración de isAngularSite, debe poner esto en su protractor.conf.js aquí:

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

puedes hacer algo como esto

emailEl.sendKeys('jack');
passwordEl.sendKeys('123pwd');

btnLoginEl.click().then(function(){
browser.wait(5000);
});

browser.waitForAngular();

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

para resolver la promesa.