Cypress：如何在before钩子中预加载Fixture并全局复用？

• Object.entries报错：你要遍历的fixture对象为undefined或null，本质是fixture未成功加载就被调用。常见场景：同步代码直接访问异步加载的fixture，或者fixture文件路径写错、文件本身为空，导致加载返回空值。
• then属性报错：你调用.then()的对象不是Promise实例。通常是因为错误地将非异步返回值当作Promise处理，比如自定义命令没有正确返回Promise链，或者fixture加载写法不符合Cypress异步规则。

方法1：通过全局钩子一次性加载并存储fixture #

在cypress/support/index.js中添加全局before钩子（整个测试套件仅执行一次），将fixture存入Cypress全局环境：

before(() => {
  // 加载你的fixture文件，路径对应fixtures下的文件
  cy.fixture('your-fixture-file.json').then((fixtureData) => {
    // 存入Cypress.env，全局可访问
    Cypress.env('globalFixture', fixtureData);
    // 或者挂载到Cypress全局对象
    Cypress.globalFixture = fixtureData;
  });
});

之后在任意测试文件或命令中直接访问：

// 方式1：从Cypress.env获取
const fixtureData = Cypress.env('globalFixture');
// 方式2：从全局对象获取
const fixtureData = Cypress.globalFixture;

// 安全遍历，先判断是否存在
if (fixtureData) {
  Object.entries(fixtureData).forEach(([key, value]) => {
    // 处理逻辑
  });
}

方法2：自定义全局命令确保异步加载完成 #

如果需要在命令中使用全局fixture，要保证命令等待fixture加载完成：
在cypress/support/commands.js中定义命令：

// 先确保fixture已加载，未加载则主动加载
Cypress.Commands.add('getGlobalFixture', () => {
  if (Cypress.globalFixture) {
    // 已加载，直接返回resolved的Promise
    return cy.wrap(Cypress.globalFixture);
  } else {
    // 未加载，加载后存储并返回
    return cy.fixture('your-fixture-file.json').then((data) => {
      Cypress.globalFixture = data;
      return data;
    });
  }
});

使用时通过.then()处理异步结果：

cy.getGlobalFixture().then((fixtureData) => {
  // 这里可以安全使用fixtureData，不会出现undefined
  Object.entries(fixtureData).forEach(([key, value]) => {
    // 处理逻辑
  });
});

避坑要点 #

• 不要在同步代码中直接访问异步加载的fixture：Cypress的cy.fixture是异步操作，必须通过.then()或async/await（Cypress支持）处理结果。
• 检查fixture文件路径：确保路径与cy.fixture()中的参数一致，比如fixtures/user.json对应cy.fixture('user.json')。
• 空fixture文件：如果fixture文件为空，加载后会返回{}，但如果文件不存在会直接报错，注意控制台的错误提示。

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