如何在Cypress测试中实现async/await？解决循环测试数据覆盖问题

你的问题根本不需要用async/await或Promise，核心是变量作用域与闭包绑定的问题：测试框架（比如Mocha/Cypress）的context和it是用来注册测试用例的，并非立即执行。循环会先跑完所有迭代，把所有测试用例注册完成，此时你定义的name、url等变量已经变成最后一组数据的值，所有测试执行时都会引用这组值。

解决步骤 #

1. 把测试数据整理成数组：替换繁琐的switch语句，后续维护更方便
2. 用forEach遍历数组生成测试：forEach的回调函数会创建独立作用域，每个迭代的变量都是独立的，不会被后续迭代覆盖

具体代码示例 #

首先定义所有测试数据：

// 将9组测试数据整理成数组，替代原switch逻辑
const testDataList = [
  {
    name: 'name 0',
    url: 'url 0',
    product: 'product 0',
    isMultipleProductsDropdown: true, // 替换为实际布尔值
    stateDropdownSelector: '#selector 0',
    store: 'store name 0',
    storeDisplayed: 'store displayed 0',
    billingAddressLabel: 'billingAddressLabel 0',
    status: 'status 0'
  },
  // 补充第1到第8组数据
  {
    name: 'name 9',
    url: 'url 9',
    product: 'product 9',
    isMultipleProductsDropdown: false,
    stateDropdownSelector: '#selector 9',
    store: 'store name 9',
    storeDisplayed: 'store displayed 9',
    billingAddressLabel: 'billingAddressLabel 9',
    status: 'status 9'
  }
];

然后遍历数组生成测试用例：

testDataList.forEach((testData) => {
  // 给context加上数据标识，方便区分不同组的测试
  context(`context 1 - ${testData.name}`, () => {
    it('Test 1-1', () => {
      // 直接使用当前迭代的testData属性，示例：
      // cy.visit(testData.url);
      // cy.get(testData.stateDropdownSelector).should('exist');
    })
    
    it('Test 1-2', () => {
      // 编写测试逻辑，使用testData中的数据
    })
  })

  context(`context 2 - ${testData.name}`, () => {
    it('Test 2-1', () => {
      // 业务逻辑代码
    })
    
    it('Test 2-2', () => {
      // 业务逻辑代码
    })

    it('Test 2-3', () => {
      // 业务逻辑代码
    })
  })
});

备选方案（保留for循环） #

如果一定要用for循环，需要在每次迭代中创建独立的块级作用域变量，确保每个测试用例绑定当前迭代的数据：

for(let i = 0; i < testDataList.length; i++) {
  // 用const声明当前迭代的测试数据，创建块级作用域
  const currentData = testDataList[i];
  
  context(`context 1 - ${currentData.name}`, () => {
    it('Test 1-1', () => {
      // 使用currentData中的数据编写测试
    })
    // 其他测试用例...
  })

  // 第二个context的测试用例...
}

关键原理 #

forEach的回调函数或者for循环里的currentData变量，会在每次迭代中创建独立的作用域，测试用例注册时会绑定当前作用域的变量。当测试真正执行时，每个用例都能拿到对应迭代的数据，不会被后续循环覆盖。

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