如何让Cypress两次拦截同一Fixture并返回不同格式？

你的问题出在对Object.fromEntries()的误用，以及没有正确从截取后的数组中提取单个对象。以下是修正后的实现：

错误原因 #

Object.fromEntries()要求输入是键值对数组（如[['key1', 'value1'], ['key2', 'value2']]），但你传入的是包含单个对象的数组（[{id: "...", ...}]），所以转换后得到空对象{}，完全不符合需求。

修正后的自定义命令 #

Cypress.Commands.add("SetupClassificationsStubFixture", (amount) => {
  // 只加载一次Fixture，避免重复IO操作
  cy.fixture('ClassificationsStub.json').then(classificationsStub => {
    // 处理列表请求：返回截取后的数组
    const slicedClassifications = classificationsStub.slice(0, amount);
    cy.intercept('GET', '**/api/classifications', slicedClassifications).as('classifications');

    // 处理单个详情请求：提取数组的第一个元素作为响应
    const singleClassification = slicedClassifications[0];
    cy.intercept('GET', '**/api/classifications/*', singleClassification).as('classification');
  });
});

关键说明 #

1. Fixture格式保持不变：你的ClassificationsStub.json依然是数组格式（带[]），因为slice()需要数组才能正常工作，同时第一个API请求也需要返回数组。
2. 单个对象提取：当你调用cy.SetupClassificationsStubFixture(1)时，slicedClassifications是长度为1的数组，通过[0]直接取出数组中的第一个对象，就能满足第二个API请求需要返回单个对象的要求。
3. 性能优化：将两次cy.fixture()调用合并为一次，减少不必要的文件读取操作。

验证效果 #

当第二个API请求**/api/classifications/*被拦截时，返回的响应会是你期望的单个对象：

{
    "id": "9d4a9c14-ef37-4a64-a1eb-63ab45cdf530",
    "name": "CypressTest",
    "userRole": "Editor",
    "childClassifications": []
}

内容的提问来源于stack exchange，提问作者E. E. Ozkan