Angular 2中用Protractor做E2E测试：如何条件执行it块？

我明白你想要根据页面上获取到的insider-count值，来条件性地运行不同的E2E测试用例——当count大于0时执行“找到内部人员”的测试，否则执行“未找到内部人员”的测试。不过你当前的写法存在一个关键问题：beforeEach是异步执行的，而describe块顶层的if判断会在count被赋值之前就运行，导致条件判断根本无法按预期生效。

问题根源 #

Protractor的测试生命周期中，describe和it的定义是同步完成的，而beforeEach/beforeAll里的异步操作（比如getText()）会在所有测试用例执行前完成，但不会阻塞describe块顶层代码的执行。所以你原来的代码里，if (count > 0)执行时，count还没被赋值（初始值可能是undefined），自然无法触发正确的测试分支。

可行解决方案 #

方案1：在单个it块内做条件分支

如果两种场景的测试逻辑不复杂，可以把所有判断放在一个it块里，根据count的值执行对应的断言和操作：

describe('Check insiders:', function () {
  let count;

  beforeEach(async function () {
    // 注意：getText()返回字符串，要转成数字再比较
    const totalText = await element(by.css('span.insider-count')).getText();
    count = parseInt(totalText, 10);
    // 可选：校验count是否为有效数字
    if (isNaN(count)) {
      throw new Error(`Invalid insider count: ${totalText}`);
    }
    console.log(`Insider count: ${count}`);
  });

  it('should verify insider count and run appropriate checks', async function () {
    if (count > 0) {
      // 当存在内部人员时的测试逻辑
      expect(count).toBeGreaterThan(0);
      // 示例：检查内部人员列表是否可见
      expect(element(by.css('.insider-list')).isDisplayed()).toBe(true);
    } else {
      // 当没有内部人员时的测试逻辑
      expect(count).toBe(0);
      // 示例：检查空状态提示是否显示
      expect(element(by.css('.empty-insiders-message')).isDisplayed()).toBe(true);
    }
  });
});

方案2：动态生成测试用例

如果需要把两种场景拆分成独立的it块，可以在beforeAll里获取到count后，动态创建对应的测试用例：

describe('Check insiders:', function () {
  let count;

  beforeAll(async function () {
    const totalText = await element(by.css('span.insider-count')).getText();
    count = parseInt(totalText, 10);
    if (isNaN(count)) {
      throw new Error(`Invalid insider count: ${totalText}`);
    }
    console.log(`Insider count: ${count}`);

    // 根据count值动态生成测试用例
    if (count > 0) {
      it('insiders found: should verify count and list', function () {
        expect(count).toBeGreaterThan(0);
        // 添加更多针对有内部人员场景的测试步骤
      });
    } else {
      it('no insiders found: should verify count and empty state', function () {
        expect(count).toBe(0);
        // 添加更多针对无内部人员场景的测试步骤
      });
    }
  });
});

关键注意事项 #

• 字符串转数字：getText()返回的是字符串类型，必须转成数字后再进行数值比较，否则会出现"0" > 0为false、"10" > 5为true这类不符合预期的结果。
• 异步处理：一定要用async/await或者Promise链来处理Protractor的异步操作，确保在获取到count值后再执行后续逻辑。

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