如何在Cypress中从JSON响应体存储指定数据集

嗨，我完全懂你的需求——想把JSON响应里id=2对应的userId、title和body存到变量里，方便后续使用对吧？你当前的写法其实已经能实现目标啦，不过我可以给你梳理下逻辑，再分享几种更灵活的处理方式，帮你适配不同场景~

首先看你现在的实现：
你通过接口的qs参数直接过滤出id=2的数据，这种方式非常高效，因为让后端帮你减少了返回的数据量，前端处理起来更轻便。你的代码如下：

let id = 2;
let userId, title, body;
cy.request({
    method: "GET", 
    url: "https://jsonplaceholder.typicode.com/posts/",
    qs: {
        id: id
    }
})
.then((response) => {
    expect(response.status).to.eq(200)
    userId = response.body[0].userId
    id = response.body[0].id
    title = response.body[0].title
    body = response.body[0].body
    cy.log(`userId: ${userId}, id: ${id}, title: ${title}, 
    body: ${body}`)
})

这里要注意一个Cypress的核心特性：异步执行。你定义的userId、title这些变量只能在.then()的回调函数内部，或者后续的Cypress命令链中使用，不能直接在回调外同步访问（比如直接在代码末尾console.log(userId)会拿到undefined）。

如果遇到接口不支持通过参数过滤的场景，我们可以直接在响应体里筛选出目标数据，用数组的find()方法就能轻松实现：

// 定义变量存储目标数据
let targetPost;

cy.request({
    method: "GET", 
    url: "https://jsonplaceholder.typicode.com/posts/"
})
.then((response) => {
    expect(response.status).to.eq(200);
    
    // 从响应数组中找到id=2的数据集
    targetPost = response.body.find(post => post.id === 2);
    
    // 解构提取需要的字段
    const { userId, title, body } = targetPost;
    cy.log(`userId: ${userId}, id: ${targetPost.id}, title: ${title}, body: ${body}`);
    
    // 如果要在后续的Cypress命令中复用，可以存为别名
    cy.wrap(targetPost).as("targetPost");
})

// 在后续命令中使用存储的数据
cy.get("@targetPost").then(post => {
    // 这里可以用post.userId、post.title等做后续操作
    cy.log(`后续使用：目标帖子的标题是${post.title}`);
});

两种方式的对比 #

• 接口参数过滤：适合后端支持参数筛选的场景，数据传输量小，性能更优。
• 前端find()筛选：适配后端不支持过滤的情况，灵活性更高，能处理更复杂的筛选逻辑（比如多条件匹配）。

另外，如果你需要在多个测试用例间共享这个数据，可以考虑用Cypress.env()来存储，或者在before()钩子中提前获取并设置别名。

备注：内容来源于stack exchange，提问作者JC Basilio