Rapporteur : Comment attendre la page complète après cliquez sur un bouton?

Dans un test spec, j'ai besoin de cliquer sur un bouton sur une page web, et d'attendre pour la nouvelle page complètement chargée.

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');
  • Pourriez-vous être plus précis sur la page que vous êtes en attente pour ? Êtes-vous juste en attente d'un changement de page ou pour un chargement asynchrone ?
InformationsquelleAutor Zach | 2014-02-13
  1. 81

    En fonction de ce que vous voulez faire, vous pouvez essayer:

    browser.waitForAngular();

    ou

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

    pour résoudre la promesse. Il serait mieux si vous pouvez le faire dans le beforeEach.

    NB: j'ai remarqué que le fait de s'attendre() attend la promesse à l'intérieur (c'est à dire getCurrentUrl) pour être résolus avant de les comparer.

    • Merci pour le partage, a permis d'identifier quelques étranges problèmes intermittents.
    • J'ai toujours le problème : expiration du délai d'attente pour asynchrones script de résultat
    • Cela ne résout pas mon problème d'attente pour le javascript pour terminer la modification de la page après le clic sur le bouton. L'ajout de browser.driver.sleep(1000) comme l'a suggéré ci-dessous a fait le tour.
    • waitForAngular() ne doit pas être utilisé. Sur le click().then() il ne fonctionne pas pour moi. Je ne pouvais que compter sur browser.wait(//use of protractor.ExpectedConditions).
    InformationsquelleAutor glepretre
  2. 26

    J'ai juste eu un coup d'oeil à la source, le Rapporteur est en attente Angulaire que dans quelques cas (comme quand element.all est invoquée, ou obtenir de l'emplacement).

    Donc Rapporteur, de ne pas attendre Angulaire à se stabiliser après chaque commande.

    Aussi, il ressemble parfois dans mes tests, j'ai eu une course entre Angulaire digérer cycle et cliquez sur l'événement, alors parfois j'ai à faire:

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

    à l'aide de sommeil à attendre pour l'exécution d'entrer AngularJS contexte (déclenché par click événement).

    • Le rapporteur ne pas synchroniser les .cliquez sur(), il est synchronisé à la prochaine opération qui consiste à ElementFinder/ElementArrayFinder.
    • le navigateur.le pilote.sleep(); a une solution pour moi, merci 😀
    • Je sais par expérience que le rapporteur va attendre angulaire lors de l'évaluation des attentes à l'aide de expect. Dans d'autres cas, j'ai utiliser explicitement waitForAngular.
    • bien que votre post est presque deux ans, je trouve que vous êtes toujours à droite. J'ai besoin d'ajouter une".sleep(1000) " après un Rapporteur element(by.css('my-css')).click() . Il semble que l' .cliquez sur n'est PAS d'attente, bien qu'une promesse est retournée.
    • J'utilise toujours des promesses. Par exemple: return elm.click().then(function () { return nextAction(); }
    • Juste un commentaire pour les autres, navigateur.le pilote.sleep() prend un int certain nombre de millisecondes. Donc le code ci-dessus attend de 1ms. Essayez: navigateur.le pilote.sleep(1000) pour quelque chose de plus raisonnable.
    • Je ne recommande pas l'utilisation explicite dort, puisque vous le sommeil, même si votre application se charge plus rapidement que la configuration du sommeil.

    InformationsquelleAutor Filip Sobczak
  3. 25

    Vous n'avez pas besoin d'attendre. Le rapporteur automatiquement attend angulaire pour être prêt et il exécute ensuite la prochaine étape dans le flux de contrôle.

    • en théorie oui, car waitForAngular() est appelée en interne, mais j'ai dû l'appeler pour quelques specs trop.
    • Le fait automatiquement attendre? En regardant quelque chose comme browser.get, il dit explicitement qu'il existe de remplacer la chose qu'il encapsule. Si il n'y a pas de click méthode pour ElementFinder, il semble comme il vient de délégués à la webDriver.WebElement. angulaire.github.io/rapporteur/#/api?view=ElementFinder
    • Le rapporteur synchronisé toutes les opérations sur ElementFinder et ElementArrayFinder. Donc à chaque fois que votre test essayez de rechercher n'importe quel élément, la recherche de lui-même va attendre angulaire pour compléter le cycle de la digestion et il suffit alors de déléguer l'appel à webdriver. Même chose dans l'attendent() de l'appel.
    • Si nous n'avons pas besoin d'attendre alors à ce que le thread n'aurait pas été vu 100 000 fois.
    InformationsquelleAutor Andres D
  4. 5

    Avec le Rapporteur, vous pouvez utiliser l'approche suivante

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

    De sorte que votre code devrait ressembler à quelque chose comme,

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

    Remarque: on ne pourra pas dire que la page a fini de charger et DOM est prêt. Le lancement de la " expect()' déclaration d'assurer le Rapporteur attend DOM pour être disponible pour le test.

    Référence: Le Rapporteur ExpectedConditions

    • merci. CE a travaillé pour moi.
    InformationsquelleAutor milan pandya
  5. 3

    Dans ce cas, vous pouvez utilisé:

    Objet De Page: 

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

    Page De Test:

    page.waitForURLContain('abc#/efg', 30000);
    • il ne fonctionne pas
    InformationsquelleAutor Dao Minh Dam
  6. 2

    En général, je viens d'ajouter quelque chose pour que le flux de contrôle, c'est à dire:

    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();
}
    InformationsquelleAutor Justin Helmer
  7. 1

    Utiliser cela, je pense que c'est mieux

       *isAngularSite(false);*
    browser.get(crmUrl);


    login.username.sendKeys(username);
    login.password.sendKeys(password);
    login.submit.click();

    *isAngularSite(true);*

    Pour vous d'utiliser ce paramètre de isAngularSite devrait mettre ceci dans votre protractor.conf.js ici:

            global.isAngularSite = function(flag) {
        browser.ignoreSynchronization = !flag;
        };
    InformationsquelleAutor Dantinho
  8. -1

    vous pouvez faire quelque chose comme ceci

    JS:

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

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

    • le navigateur.attendre(5000) sera de retour "Pas assignable à type de fonction", depuis le navigateur.attendez prend en > 1 arguments, le premier étant une condition, le second étant le temps...
    InformationsquelleAutor ashish bansal
  9. -2
    browser.waitForAngular();

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

    pour résoudre la promesse.

    InformationsquelleAutor Shiwantha Lakmal