Protractor async/await迁移遇未处理Promise拒绝警告问题求助

嘿，我之前把Protractor测试从回调模式迁移到async/await的时候，也踩过这个UnhandledPromiseRejectionWarning的坑！大概率是你有些异步操作没被正确await，或者和Protractor旧的控制流混着用了，给你分享几个我当时解决问题的关键点：

1. 确保所有Protractor异步操作都被await #

Protractor的几乎所有API（比如browser.get()、element()、element.all().getText()）都返回Promise，迁移到async/await后必须给这些操作加上await，否则Promise会悬空，触发未处理拒绝警告。

比如修正后的测试代码：

describe('教室列表对比测试', async () => {
  it('应该对比高中和初中的教室列表', async () => {
    // 导航至目标页面
    await browser.get('/school/classroom-management');

    // 切换到高中上下文（假设这是点击下拉选择的异步操作）
    await switchSchoolContext('高中');
    // 等待列表加载完成后获取高中教室列表
    const highSchoolClassrooms = await element.all(by.css('.classroom-card')).getText();

    // 切换到初中上下文
    await switchSchoolContext('初中');
    // 等待列表更新后获取初中教室列表
    const middleSchoolClassrooms = await element.all(by.css('.classroom-card')).getText();

    // 执行列表对比断言
    expect(highSchoolClassrooms).not.toEqual(middleSchoolClassrooms);
  });
});

// 封装上下文切换的异步方法，内部操作也要全部await
async function switchSchoolContext(schoolType: string) {
  await element(by.id('school-select-dropdown')).click();
  await element(by.cssContainingText('.dropdown-option', schoolType)).click();
  // 等待页面切换完成的标记元素
  await browser.wait(protractor.ExpectedConditions.visibilityOf(element(by.css('.classroom-list'))), 5000);
}

2. 关闭Protractor的旧Promise管理器 #

Protractor默认启用的旧控制流会自动处理Promise，但和async/await混用会导致冲突，必须在配置文件中关闭它：

// protractor.conf.js
exports.config = {
  // 其他配置项...
  SELENIUM_PROMISE_MANAGER: false,
  // 其他配置项...
};

3. 切换上下文后必须等待页面状态更新 #

切换学校后，教室列表是动态加载的，直接获取元素会拿到旧数据或触发元素不存在的错误，进而导致Promise拒绝。一定要用ExpectedConditions等待元素就绪：

const EC = protractor.ExpectedConditions;

// 切换到高中后，等待第一个教室卡片出现
await browser.wait(EC.presenceOf(element.all(by.css('.classroom-card')).first()), 5000);
const highSchoolClassrooms = await element.all(by.css('.classroom-card')).getText();

4. 用try/catch捕获潜在错误 #

即使做了以上操作，也可能出现元素找不到、超时等意外，用try/catch包裹测试逻辑可以避免未处理的Promise拒绝，同时方便调试：

it('应该对比高中和初中的教室列表', async () => {
  try {
    await browser.get('/school/classroom-management');
    
    await switchSchoolContext('高中');
    const highSchoolClassrooms = await element.all(by.css('.classroom-card')).getText();

    await switchSchoolContext('初中');
    const middleSchoolClassrooms = await element.all(by.css('.classroom-card')).getText();

    expect(highSchoolClassrooms).not.toEqual(middleSchoolClassrooms);
  } catch (error) {
    console.error('测试执行出错:', error);
    throw error; // 重新抛出错误，让Protractor标记测试失败
  }
});

按照这几点调整后，你应该就能解决这个未处理Promise拒绝的问题了。核心就是让所有异步操作都在async/await的控制下，别让任何Promise悬空~

内容的提问来源于stack exchange，提问作者user3166089