量角器异步/等待未处理PromiserEjectionWarning:未处理的promise拒绝

Question

所以我迁移我的量角器测试使用异步/等待（链接）。

到目前为止，迁移是比较成功的，直到我一直遇到这个问题。下面是我的测试步骤，然后是代码，作为我正在处理的示例：

• 导航到特定页面

上述步骤的相关代码：

测验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）UnhandledPromiseRejse警告：未处理的promise拒绝（拒绝id： 1）： StaleElementRequiceError： stale元素引用：元素未附加到页面文档（会话信息： chrome=65.0.3325.181)（驱动程序信息： chromeDrive=2.38.552522 (437e6fbedfa8762dec75e2c5b3ddb86763dc9dcb），平台=Windows NT 6.1.7601 SP1x86_64）（节点： 13672）[DEP0018]disrecationWarning：未处理的promise拒绝被弃用。将来，未处理的promise拒绝将终止Node.js进程，退出代码为非零。（文档（会话信息：chrome=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

如果你仍然有同样的错误。您可能会尝试以下代码段（从您的代码段稍微修改）：wait browser。切换到（）。框架（元素（按.tagName（“iframe”））。getWebElement（））；

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

Answer 2

这并不是对重写方法问题的直接回答，但只是想帮助您获得比未处理promise拒绝更好的错误（这并不是很有帮助）

使用的位置。然后如果您放入一个。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);
            });
    });