在 Cypress 测试中创建和重用对象数据

cy.wait('@pageLoaded').then(({ response }) => {
    expect(response.statusCode).to.equal(200);

    let i = randomItem();

    // 在回调函数内部创建对象
    const Item = {
        Id: response.body.items[i].id,
        IpuCode: response.body.items[i].ipuCode,
        Description: response.body.items[i].description,
        PackSize: response.body.items[i].packSize,
        PackType: response.body.items[i].packType,
    };

    cy.log(Item); // 在这里可以正常访问 Item
});

// 尝试在这里重用 Item
// cy.addItemToShoppingCart(Item.IpuCode, pharmacyId, Item.Id, currentDateTime);
// 结果：ReferenceError: Item is not defined

cy.wait('@pageLoaded').then(({ response }) => {
    expect(response.statusCode).to.equal(200);

    let i = randomItem();

    // 从响应中提取数据并构建对象
    const itemData = {
        id: response.body.items[i].id,
        ipuCode: response.body.items[i].ipuCode,
        description: response.body.items[i].description,
        packSize: response.body.items[i].packSize,
        packType: response.body.items[i].packType,
    };

    // 使用 cy.wrap() 包装对象并创建别名
    cy.wrap(itemData).as('itemDetails'); // 建议使用驼峰命名法
    cy.log('Aliased Item Details:', itemData);
});

// 在测试的后续步骤中
cy.get('@itemDetails').then(item => {
    // 此时，item 变量就是我们之前保存的 itemDetails 对象
    cy.log('Reusing Aliased Item:', item);

    // 现在可以安全地访问 item 对象的属性
    cy.addItemToShoppingCart(item.ipuCode, pharmacyId, item.id, currentDateTime);
    // ... 其他使用 item 属性的 Cypress 命令
});

// Cypress 测试文件
describe('商品购物车功能测试', () => {

    let pharmacyId = 'somePharmacyId'; // 示例变量
    let currentDateTime = new Date().toISOString(); // 示例变量

    function randomItem() {
        // 模拟随机选择一个商品索引
        return Math.floor(Math.random() * 5); // 假设有5个商品
    }

    it('应该能够从响应中获取商品并添加到购物车', () => {
        // 1. 访问页面并等待 API 响应
        cy.visit('/some-page'); // 假设页面会触发一个名为 '@pageLoaded' 的 API 请求
        cy.intercept('GET', '/api/items*', { fixture: 'items.json' }).as('pageLoaded'); // 模拟 API 响应

        cy.wait('@pageLoaded').then(({ response }) => {
            expect(response.statusCode).to.equal(200);

            let i = randomItem();

            // 2. 从响应中解析数据并创建对象
            const itemData = {
                id: response.body.items[i].id,
                ipuCode: response.body.items[i].ipuCode,
                description: response.body.items[i].description,
                packSize: response.body.items[i].packSize,
                packType: response.body.items[i].packType,
            };

            // 3. 将对象保存为 Cypress 别名
            cy.wrap(itemData).as('itemDetails');
            cy.log('已将商品详情保存为别名:', itemData);
        });

        // 4. 在后续测试步骤中重用别名对象
        cy.get('@itemDetails').then(item => {
            cy.log('从别名中获取商品:', item);
            // 假设 cy.addItemToShoppingCart 是一个自定义 Cypress 命令
            cy.addItemToShoppingCart(item.ipuCode, pharmacyId, item.id, currentDateTime);

            // 进一步的断言或操作
            cy.get('.shopping-cart-item').should('contain', item.description);
            cy.get('.shopping-cart-item').should('contain', item.packSize);
        });
    });
});

// 假设在 cypress/support/commands.js 中定义了自定义命令
// Cypress.Commands.add('addItemToShoppingCart', (ipuCode, pharmacyId, itemId, dateTime) => {
//     cy.request('POST', '/api/add-to-cart', {
//         ipuCode,
//         pharmacyId,
//         itemId,
//         dateTime
//     }).then(response => {
//         expect(response.status).to.equal(200);
//         cy.log('商品已添加到购物车');
//     });
// });