如何在Protractor多个spec文件中复用相同IT测试块？

问题根源 #

你之前的写法是将包含describe和自带before的整个测试块导出，然后在另一个describe中调用，导致describe嵌套，Protractor的钩子函数作用域混乱——内层describe的before会和外层的初始化逻辑冲突，最终页面初始化未按预期执行。

正确解决方案：抽离独立测试用例函数 #

核心思路是只抽离it测试块到单独函数，每个spec文件自行定义describe和专属的before初始化逻辑，再引入并执行测试用例函数，确保测试用例继承当前spec的钩子作用域。

步骤1：创建独立测试用例文件 #

新建testCases.js，仅存放所有it测试块，不包含describe和before：

export const runTestCases = () => {
  it('测试用例1', async () => {
    // 你的测试逻辑
    await expect(element(by.id('test-element-1')).isDisplayed()).toBe(true);
  });

  it('测试用例2', async () => {
    // 你的测试逻辑
    await expect(element(by.id('test-element-2')).getText()).toEqual('预期文本');
  });

  // 剩余18个测试用例依次编写...
};

步骤2：编写Spec A #

在Spec A中定义专属before初始化，再调用测试用例函数：

import { runTestCases } from './testCases';

describe('Spec A - 20个测试用例', () => {
  before(async () => {
    // Spec A专属页面初始化逻辑
    await browser.get('/spec-a-page');
    await browser.wait(ExpectedConditions.visibilityOf(element(by.id('a-page-init-element'))), 10000);
    // 其他初始化操作（如登录、配置环境等）
  });

  runTestCases(); // 复用所有测试用例
});

步骤3：编写Spec B/C #

同理，Spec B/C只需替换before里的初始化逻辑，复用同一个测试用例函数：

import { runTestCases } from './testCases';

describe('Spec B - 20个测试用例', () => {
  before(async () => {
    // Spec B专属页面初始化逻辑
    await browser.get('/spec-b-page');
    await browser.wait(ExpectedConditions.visibilityOf(element(by.id('b-page-init-element'))), 10000);
    // 对应B的初始化操作
  });

  runTestCases(); // 复用所有测试用例
});

额外优化：共享通用初始化逻辑 #

如果多个spec有部分相同的初始化步骤，可以进一步抽离通用逻辑：

// commonSetup.js
export const commonBeforeSetup = async () => {
  await browser.manage().window().maximize();
  await browser.manage().deleteAllCookies();
};

然后在各个spec的before中调用：

before(async () => {
  await commonBeforeSetup(); // 通用初始化
  // 当前spec专属初始化
  await browser.get('/spec-c-page');
});

内容的提问来源于stack exchange，提问作者L V Prasad