Cypress中cy.log引发返回值异常的技术咨询：异步逻辑疑问

问题根源：Cypress命令链的返回值规则 #

在Cypress的.then()回调函数中，如果你执行了多个cy.xxx命令，整个回调的返回值会被最后一个Cypress命令的返回值覆盖，而非你显式return的变量。

具体到你的代码：

• 添加cy.log(totals + "aaaaaaaaaaaaaaa")时，这是一个Cypress命令，会成为回调中最后执行的命令。cy.log()执行后不会返回有效数据（实际返回null），因此下一个.then()接收的totals就是null。
• 移除这行时，回调中最后执行的Cypress命令是cy.get('@listProduct').then(...)，它的返回值是$elements.length（即9），因此下一个.then()能正确拿到该值。

另外补充：你代码中totals = cy.get(...)赋值的是Cypress的Chainable对象（类似Promise的异步容器），不是实际数值，所以同步拼接时会显示[object Object]——这是因为cy.get()此时还未执行，自然拿不到实际长度。

解决方法 #

方法1：用同步console.log替代cy.log #

如果只是调试打印，用同步的console.log不会加入Cypress命令队列，也就不会影响回调的返回值：

// 替换cy.log为console.log
console.log(totals + "aaaaaaaaaaaaaaa")
return totals

方法2：把cy.log放到cy.get().then()内部 #

在拿到实际长度后再打印，既保证拿到正确数值，也不会破坏命令链的返回值：

totals = cy.get('@listProduct').then(($elements) => {
    expect(totalGetJson).to.eq($elements.length)
    // 在这里打印实际的长度值
    cy.log($elements.length + "aaaaaaaaaaaaaaa")
    return $elements.length  
})
return totals

方法3：用链式调用传递值 #

避免用变量保存Chainable对象，直接通过.then()链式传递，逻辑更清晰：

cy.fixture('searchProducts').then(function (arr) {
    let totalGetJson;
    arr.forEach(($product) => {
        if ($product.nameProduct == "dress") {
            totalGetJson = $product.total
            productsPage.getProductList.as('listProduct')
        }
    });

    return cy.get('@listProduct').then(($elements) => {
        expect(totalGetJson).to.eq($elements.length)
        return $elements.length  
    })
    .then((length) => {
        cy.log(length + "aaaaaaaaaaaaaaa")
        return length // 传递给下一个then
    })
})
.then((totals) => {
    cy.log(totals) // 此时会正确输出9
});

内容的提问来源于stack exchange，提问作者văn vũ thị quỳnh