Транспортир: Як дочекатися завершення сторінки після натискання кнопки?

У тестовій специфікації мені потрібно натиснути кнопку на веб-сторінці та почекати, поки нова сторінка повністю завантажиться.

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

Залежно від того, що ви хочете зробити, ви можете спробувати:

browser.waitForAngular();

або

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

вирішити обіцянку. Було б краще, якщо ви зможете це зробити в beforeEach.

Примітка: Я помітив, що очікування () чекає, поки обіцянка всередині (тобто getCurrentUrl) буде вирішена перед порівнянням.

Я щойно подивився джерело - транспортир чекає Angular лише в декількох випадках (наприклад, коли element.all викликається або встановлюється / отримується місце розташування).

Отже, транспортир не буде чекати, поки Angular стабілізується після кожної команди.

Крім того, схоже, що іноді в моїх тестах у мене була гонка між циклом дайджест-дайджесту та подією клацання, тому іноді мені доводиться робити:

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

використання режиму сну для очікування виконання, щоб увійти в контекст AngularJS (викликається clickподією).

Вам не потрібно чекати. Транспортер автоматично чекає готовності кутового, а потім виконує наступний крок у контрольному потоці.

З транспортиром ви можете використовувати наступний підхід

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

Отже, ваш код буде виглядати приблизно так,

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

Примітка: Це може не означати, що нову сторінку закінчено завантаження та DOM готовий. Подальший оператор 'очікувати ()' забезпечить транспортиру очікування, поки DOM стане доступним для тестування.

Довідково: Очікувані умови транспортира

У цьому випадку ви можете використовувати:

Об'єкт сторінки:

    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.waitForURLContain('abc#/efg', 30000);

Зазвичай я просто додаю щось до потоку управління, тобто:

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

Використовуйте це, я думаю, що це краще

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


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

    *isAngularSite(true);*

Щоб ви могли використовувати цей параметр isAngularSite, ви повинні помістити це у свій protractor.conf.js тут:

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

Ви можете зробити щось подібне

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

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

browser.waitForAngular();

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

вирішити обіцянку.