Транспортир асинхронный / ожидание UnhandledPromiseRejectionWarning: необработанное отклонение обещания

Question

Итак, я переношу свои тесты на транспортир, используя async / await ( Link ).

Пока что я продолжаю сталкиваться с этой проблемой, миграция пока что проходит успешно. Ниже приведены шаги моего теста, а затем код в качестве примера того, с чем я имею дело:

• Переходит на определенную страницу
• меняет контекст (смена школы на старшую)
• Перечень школьных комнат
• Снова изменить контекст (Смена школы на Среднюю школу)
• Захватить список классов средней школы
• Сравнить оба списка

Код, связанный с шагами выше:

Test.ts

describe("Update room list based on changing context values", () => {
  let page: HelperClass;
  let highSchoolRoomNameList: string[] = [];
  let middleSchoolRoomNameList: string[] = [];

  beforeAll(async () => {
    page = new HelperClass();
    await page.setBrowserSize();
    await page.commonContextTestSteps();
  });

  it("Changing school dropdown value", async () => {
    await page.waitForElement(page.schoolDropDown, 5000);
    await page.schoolDropDown.click();

    await page.waitForElement(page.dropDownList, 5000);
    await page.dropDownList.get(0).click();

    await browser
      .switchTo()
      .frame(element(by.tagName("iframe")).getWebElement());

    await page.roomList.each( item => {
      item.getAttribute("innerText").then(text => {
        highSchoolRoomNameList.push(text);
      });
    });

    await page.waitForElement(page.schoolDropDown, 5000);
    await page.schoolDropDown.click();

    await page.waitForElement(page.dropDownList, 5000);
    await page.dropDownList.get(1).click();

    await browser.switchTo().defaultContent();

    await browser
      .switchTo()
      .frame(element(by.tagName("iframe")).getWebElement());

    await page.roomList.each(item => {
      item.getAttribute("innerText").then(text => {
        middleSchoolRoomNameList.push(text);
      });
    });

    await protractor.promise.controlFlow().execute(() => {
      expect(highSchoolRoomNameList).not.toEqual(middleSchoolRoomNameList);
    });
  });
});

Я получаю эту ошибку:

(узел: 13672) UnhandledPromiseRejectionWarning: необработанное обещание отклонение (идентификатор отклонения: 1): StaleElementReferenceError: устаревший элемент ссылка: элемент не прикреплен к документу страницы (сессия информация: chrome = 65.0.3325.181) (информация о драйвере: chromedriver = 2.38.552522 (437e6fbedfa8762dec75e2c5b3ddb86763dc9dcb), платформа = Windows NT 6.1.7601 SP1 x86_64) (узел: 13672) [DEP0018] Предупреждение об устаревании: отклонение необработанного обещания устарело. В будущем обещаю отклонения, которые не обрабатываются, завершат процесс Node.js с ненулевым кодом выхода. (Узел: 13672) UnhandledPromiseRejectionWarning: необработанное отклонение обещания (идентификатор отклонения: 2): StaleElementReferenceError: устаревший элемент ссылка: элемент не прикреплен к документу страницы (сессия информация: хром = 65.0.3325.181)

после отладки я обнаружил, что происходит сбой на следующих шагах

await browser
      .switchTo()
      .frame(element(by.tagName("iframe")).getWebElement());

    await page.roomList.each( item => {
      item.getAttribute("innerText").then(text => {
        highSchoolRoomNameList.push(text);
      });
    });

Весь тест работал нормально, прежде чем я начал мигрировать в сторону асинхронного / ожидающего. Это мой файл protractor.conf.js:

// Protractor configuration file, see link for more information
// https://github.com/angular/protractor/blob/master/lib/config.ts

const { SpecReporter } = require("jasmine-spec-reporter");

exports.config = {

  SELENIUM_PROMISE_MANAGER: false,
  allScriptsTimeout: 11000,
  suites: {
    navigation_suite: "./nav-wrapper/e2e/nav-wrapper-navigationTests/**/*.ts"
  },
  specs: [
     "Test.ts"
  ],
  capabilities: {
    browserName: "chrome"
  },
  directConnect: true,
  baseUrl: "http://localhost:3000",

  framework: "jasmine",
  jasmineNodeOpts: {
    showColors: true,
    // Set a longer Jasmine default Timeout for debugging purposes
    defaultTimeoutInterval: 999999,
    print: function() {}
  },

  onPrepare() {
    require("ts-node").register({
      project: "./nav-wrapper/e2e/tsconfig.e2e.json"
    });
    jasmine
      .getEnv()
      .addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
  }
};

Будем благодарны за любые предложения о том, как переписать эти методы!

Answer 1

Если у вас все еще есть та же ошибка. Возможно, вы попробуете следующий фрагмент (слегка измененный по сравнению с вашим): жду браузер .переключиться на() .frame (элемент (by.tagName ( "IFrame")) getWebElement ().);

await page.roomList.each(async item => {
  await item.getAttribute("innerText").then(text => {
    highSchoolRoomNameList.push(text);
  });
});

Answer 2

Добавление browser.sleep в функцию afterEach решило мою проблему. Вы можете попробовать это.

afterEach(async () => {
await browser.sleep(SLEEP_DURATION);
});

Answer 3

Это не прямой ответ на вопрос о переписывании методов, однако просто хотел помочь вам получить лучшую ошибку, чем Unhandled promise rejection (что не так уж и полезно)

Если вы используете .then, если вы ставите .catch() в конце этой последовательности, вы можете что-то сделать с ошибкой, например, войти в консоль. Это то, что вы должны сделать в любом случае, но также поможет вам выяснить, что является причиной ошибки здесь.

Вот пример того, что я имею в виду:

asyncFuncA.then(AsyncFuncB)
      .then(AsyncFuncC)
      .then(AsyncFuncD).catch(e => {
          //Do something with the error here 
            console.error(e) 
            })

и пример вашего кода

await page.roomList.each((item) => {
        item
            .getAttribute('innerText')
            .then((text) => {
                highSchoolRoomNameList.push(text);
            })
            .catch((e) => {
                console.error(e);
            });
    });