Protractor：如何在单个For循环中创建多个it语句及适配页面对象模型

首先得明确核心需求：你原本在单个it里循环Excel用户执行跨页面的测试，现在要把每个页面的测试逻辑拆到独立的it块中，同时保留多用户的数据驱动能力，还要符合页面对象模型的设计思路。我给你拆解成具体可落地的步骤：

第一步：重构页面对象（POM） #

把每个页面的元素定位和操作逻辑单独封装成类，每个页面对应一个文件，比如：

登录页对象（pages/login.page.js） #

class LoginPage {
  constructor(page) {
    this.page = page;
    // 封装页面元素定位器
    this.usernameInput = page.locator('#user-name');
    this.passwordInput = page.locator('#password');
    this.loginBtn = page.locator('#login-button');
  }

  // 封装登录操作方法
  async performLogin(username, password) {
    await this.usernameInput.fill(username);
    await this.passwordInput.fill(password);
    await this.loginBtn.click();
  }
}

module.exports = LoginPage;

仪表盘页对象（pages/dashboard.page.js） #

class DashboardPage {
  constructor(page) {
    this.page = page;
    this.logoutBtn = page.locator('#logout-link');
    this.reportSection = page.locator('#user-report');
  }

  async logout() {
    await this.logoutBtn.click();
  }

  async verifyReportVisibility() {
    return await this.reportSection.isVisible();
  }
}

module.exports = DashboardPage;

其他页面（比如设置页、订单页）都按照这个模式封装，保证每个页面只负责自己的元素和操作。

第二步：预加载Excel测试数据 #

在测试套件启动前一次性读取所有用户数据，避免每个it重复读Excel浪费资源：

const { describe, it, beforeAll, afterAll } = require('mocha');
const assert = require('assert');
const LoginPage = require('./pages/login.page');
const DashboardPage = require('./pages/dashboard.page');
const exRead = require('./readExcel');
const { browser } = require('./browser-setup'); // 你的浏览器初始化模块

let userList;
let page;

describe('MSIX Smoke Tests', function () {
  // 全局前置操作：读数据+初始化浏览器
  beforeAll(async function () {
    userList = await exRead.readExcelData('./test-data/users.xlsx');
    const context = await browser.newContext();
    page = await context.newPage();
  });

  // 全局后置操作：关闭浏览器
  afterAll(async function () {
    await browser.close();
  });

第三步：拆分页面到独立it块 #

现在你可以为每个页面单独创建it测试用例，每个it里遍历所有用户执行对应页面的测试逻辑：

登录页面测试（独立it） #

it('should successfully login all users', async function () {
    const loginPage = new LoginPage(page);
    const dashboardPage = new DashboardPage(page);

    for (const user of userList) {
      await page.goto('/login');
      await loginPage.performLogin(user.username, user.password);
      // 验证登录成功（比如跳转到仪表盘）
      assert.equal(page.url(), 'https://your-app.com/dashboard');
      // 登出，保证下一个用户测试的状态干净
      await dashboardPage.logout();
    }
  });

仪表盘页面测试（独立it） #

it('should verify dashboard functionality for all users', async function () {
    const loginPage = new LoginPage(page);
    const dashboardPage = new DashboardPage(page);

    for (const user of userList) {
      // 先登录（因为每个it是独立的，需要重新进入状态）
      await page.goto('/login');
      await loginPage.performLogin(user.username, user.password);
      // 执行仪表盘专属测试逻辑
      const isReportVisible = await dashboardPage.verifyReportVisibility();
      assert.ok(isReportVisible, `Report not visible for user ${user.username}`);
      // 登出清理状态
      await dashboardPage.logout();
    }
  });
});

进阶：为每个用户生成独立测试条目 #

如果你希望更精细化的测试报告（比如能直接看到哪个用户的哪个页面测试失败），可以动态生成it块：

// 动态为每个用户生成登录测试
userList.forEach(user => {
  it(`should login user: ${user.username}`, async function () {
    const loginPage = new LoginPage(page);
    await page.goto('/login');
    await loginPage.performLogin(user.username, user.password);
    assert.equal(page.url(), 'https://your-app.com/dashboard');
    await new DashboardPage(page).logout();
  });
});

// 动态为每个用户生成仪表盘测试
userList.forEach(user => {
  it(`should validate dashboard for user: ${user.username}`, async function () {
    const loginPage = new LoginPage(page);
    const dashboardPage = new DashboardPage(page);
    await page.goto('/login');
    await loginPage.performLogin(user.username, user.password);
    assert.ok(await dashboardPage.verifyReportVisibility());
    await dashboardPage.logout();
  });
});

这样每个用户的每个页面测试都会是一个独立的测试条目，失败时能快速定位问题。

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