Cypress中创建并复用对象：掌握变量与别名的高效实践

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

    let i = randomItem(); // 假设randomItem()返回一个随机索引

    // 在此创建Item对象
    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('在then块内，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(); // 假设randomItem()返回一个随机索引

    // 创建对象并使用cy.wrap().as()将其存储为别名 'item'
    cy.wrap({
        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,
    }).as('item'); // 将整个对象存储为别名 'item'
});

// 在测试的后续部分，通过别名检索并使用对象
cy.get('@item').then(item => {
    // 'item' 参数现在包含了之前存储的整个对象
    cy.log('从别名中获取到的Item对象:', item);

    // 安全地使用对象的属性
    cy.addItemToShoppingCart(item.ipuCode, pharmacyId, item.id, currentDateTime);
});

describe('Cypress对象创建与复用示例', () => {
    let pharmacyId = 'somePharmacyId'; // 示例数据
    let currentDateTime = new Date().toISOString(); // 示例数据

    beforeEach(() => {
        // 假设这里有一些访问页面的操作，并监听了API请求
        cy.visit('/some-page');
        cy.intercept('GET', '/api/items').as('pageLoaded');
    });

    it('应该能够从API响应中创建对象并复用其值', () => {
        cy.wait('@pageLoaded').then(({ response }) => {
            expect(response.statusCode).to.equal(200);

            // 假设randomItem()是一个辅助函数，用于从响应中随机选择一个商品
            const randomItem = () => Math.floor(Math.random() * response.body.items.length);
            let i = randomItem();

            // 创建对象并将其存储为别名 'selectedItem'
            cy.wrap({
                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,
            }).as('selectedItem'); // 使用更具描述性的别名
        });

        // 在后续的测试步骤中，通过别名检索并使用对象
        cy.get('@selectedItem').then(item => {
            cy.log(`准备将商品 ${item.description} (ID: ${item.id}, IPU Code: ${item.ipuCode}) 添加到购物车`);
            // 调用自定义命令，使用从别名中获取的对象属性
            cy.addItemToShoppingCart(item.ipuCode, pharmacyId, item.id, currentDateTime);
        });

        // 进一步的断言或操作，例如验证购物车内容
        cy.get('.shopping-cart-item').should('contain', 'selectedItem.description');
    });
});