如何在Cypress中遍历含多对象数组的Fixture文件校验列表

你的Fixture是对象数组，原代码错误地把它当成单个对象来访问，所以只能处理第一条数据。要实现所有数据的校验，你可以参考下面的两种实现方式：

方式一：结合页面列表项遍历校验 #

假设页面上的每个用户列表项是独立节点（比如每个项是一个<li>，里面包含姓名、邮箱等元素），先获取所有列表项，再和Fixture数据按索引对应校验：

describe('用户列表校验', () => {
  let testData;

  // 测试前加载Fixture数据
  before(() => {
    cy.fixture('folderName/fileName.json').then(data => {
      testData = data;
    });
  });

  it('逐个校验所有列表项', () => {
    // 先确认列表项数量和Fixture数据条数一致
    cy.get('.user-item').should('have.length', testData.length);

    // 遍历页面列表项，同时取对应索引的Fixture数据
    cy.get('.user-item').each((listItem, index) => {
      const currentUser = testData[index];

      // 在当前列表项范围内查找字段元素并校验
      cy.wrap(listItem)
        .find('.name').should('have.text', currentUser.firstName)
        .end() // 回到当前列表项上下文
        .find('.email').should('have.text', currentUser.email)
        .end()
        .find('.due').should('have.text', currentUser.due)
        .end()
        .find('.website').should('have.text', currentUser.webSite); // 注意Fixture里的键是webSite，别写错
    });
  });
});

方式二：直接遍历Fixture数组校验 #

如果页面列表项的顺序和Fixture完全匹配，也可以直接遍历Fixture数据，按索引定位页面元素：

it('通过Fixture数组遍历校验', () => {
  cy.fixture('folderName/fileName.json').then(testData => {
    testData.forEach((user, index) => {
      // 定位第index个列表项（索引从0开始）
      cy.get('.user-item').eq(index)
        .find('.name').should('have.text', user.firstName)
        .end()
        .find('.email').should('have.text', user.email)
        .end()
        .find('.due').should('have.text', user.due)
        .end()
        .find('.website').should('have.text', user.webSite);
    });
  });
});

重要提示 #

• 核对Fixture字段名：比如Fixture里的webSite是大写S，别和页面选择器里的website搞混
• 确保页面列表加载完成：可以先校验列表项数量和Fixture数据条数一致，避免动态加载导致元素找不到的问题
• 用.end()维护上下文：避免全局查找元素，确保每个字段的查找都在当前列表项范围内

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