Cypress中如何用测试生成数据替换Fixture字段生成动态请求负载

当然可以实现，Cypress里无需像Rest Assured那样用占位符，直接读取Fixture后覆盖指定字段就能生成动态请求体，操作更灵活。

步骤说明 #

1. 保留你的Fixture文件（比如命名为user.json，放在cypress/fixtures目录下），内容不变：

{
    "name": "Ganesh vishal kumar",
    "gender": "Male",
    "email": "ganesh.kumar234@test.org",
    "status": "active"
}

2. 修改测试代码，通过读取Fixture+覆盖字段实现动态替换：

it('first post test', () => {
  // 封装随机邮箱生成逻辑
  const generateRandomEmail = () => {
    const pattern = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
    let emailId = "";
    for (let x = 0; x < 10; x++) {
      emailId += pattern.charAt(Math.floor(Math.random() * pattern.length));
    }
    return `${emailId}@test.org`;
  };

  // 读取Fixture并生成动态请求体
  cy.fixture('user.json').then((userFixture) => {
    // 用扩展运算符复制Fixture所有属性，再单独覆盖需要动态生成的字段
    const dynamicRequestBody = {
      ...userFixture,
      email: generateRandomEmail(),
      // 如需替换其他字段，直接添加即可，比如：name: "Ganesh Kumar"
    };

    cy.request({
      method: 'POST',
      url: 'https://gorest.co.in/public/v2/users',
      body: dynamicRequestBody,
      headers: {
        'authorization': 'Bearer 18806c8605b08cabb3c9ce642cbc3a21e1a8942a96c3b908a7e0e27c3b5cf354'
      }
    }).then((res) => {
      expect(res.status).to.eq(201);
    });
  });
});

核心原理 #

Cypress读取Fixture后会返回一个JavaScript对象，你可以直接通过属性覆盖的方式修改其中的字段值，最后将修改后的对象作为请求Body发送，Cypress会自动将其序列化为JSON格式。

可选：占位符替换方式（适合多占位符场景） #

如果你习惯像Rest Assured那样用占位符，也可以先将Fixture转为字符串替换占位符，再转回对象：

1. 修改Fixture文件，将需要替换的字段设为占位符：

{
    "name": "Ganesh vishal kumar",
    "gender": "Male",
    "email": "{{randomEmail}}",
    "status": "active"
}

2. 对应的测试代码：

it('first post test with placeholder', () => {
  const generateRandomEmail = () => {
    const pattern = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
    let emailId = "";
    for (let x = 0; x < 10; x++) {
      emailId += pattern.charAt(Math.floor(Math.random() * pattern.length));
    }
    return `${emailId}@test.org`;
  };

  cy.fixture('user.json').then((userFixture) => {
    // 转为字符串替换占位符，再转回对象
    let requestBodyStr = JSON.stringify(userFixture);
    requestBodyStr = requestBodyStr.replace("{{randomEmail}}", generateRandomEmail());
    const dynamicRequestBody = JSON.parse(requestBodyStr);

    cy.request({
      method: 'POST',
      url: 'https://gorest.co.in/public/v2/users',
      body: dynamicRequestBody,
      headers: {
        'authorization': 'Bearer 18806c8605b08cabb3c9ce642cbc3a21e1a8942a96c3b908a7e0e27c3b5cf354'
      }
    }).then((res) => {
      expect(res.status).to.eq(201);
    });
  });
});

不过更推荐第一种属性覆盖的方式，代码更简洁直观，维护成本更低。

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