Winkelmesser: Wie kann ich warten, bis die Seite vollständig ist, nachdem ich auf eine Schaltfläche geklickt habe?

In einer Testspezifikation muss ich auf eine Schaltfläche auf einer Webseite klicken und warten, bis die neue Seite vollständig geladen ist.

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

Je nachdem, was Sie tun möchten, können Sie Folgendes versuchen:

browser.waitForAngular();

oder

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

das Versprechen zu lösen. Es wäre besser, wenn Sie das in der tun können beforeEach.

NB: Mir ist aufgefallen, dass Expect () darauf wartet, dass das Versprechen (dh getCurrentUrl) vor dem Vergleich gelöst wird.

Ich habe mir gerade die Quelle angesehen - Winkelmesser wartet nur in wenigen Fällen auf Angular (z. B. wenn er element.allaufgerufen wird oder wenn der Standort festgelegt / abgerufen wird).

Der Winkelmesser wartet also nicht darauf, dass sich Angular nach jedem Befehl stabilisiert.

Außerdem sieht es so aus, als hätte ich in meinen Tests manchmal ein Rennen zwischen dem Angular Digest-Zyklus und dem Klick-Ereignis gehabt, also muss ich manchmal Folgendes tun:

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

Verwenden Sie sleep, um auf die Ausführung zu warten, um in den AngularJS-Kontext zu gelangen (ausgelöst durch ein clickEreignis).

Sie müssen nicht warten. Der Winkelmesser wartet automatisch darauf, dass der Winkel bereit ist, und führt dann den nächsten Schritt im Kontrollfluss aus.

Mit Winkelmesser können Sie den folgenden Ansatz verwenden

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

Ihr Code sieht also ungefähr so ​​aus:

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

Hinweis: Dies bedeutet möglicherweise nicht, dass die neue Seite vollständig geladen wurde und DOM bereit ist. Die nachfolgende Anweisung 'expected ()' stellt sicher, dass der Winkelmesser darauf wartet, dass DOM für den Test verfügbar ist.

Referenz: Winkelmesser ExpectedConditions

In diesem Fall können Sie Folgendes verwenden:

Seitenobjekt:

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

Seitentest:

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

Normalerweise füge ich dem Kontrollfluss einfach etwas hinzu, dh:

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

Verwenden Sie dies, ich denke, es ist besser

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


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

    *isAngularSite(true);*

Damit Sie diese Einstellung von isAngularSite verwenden können, sollten Sie dies hier in Ihre protractor.conf.js einfügen:

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

Sie können so etwas tun

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

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

browser.waitForAngular();

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

das Versprechen zu lösen.